Alter 'hover' behavior for a tablet

[traq]

that breaks the desktop experience (menus don't close on mouseleave; you have to click the menu to close it).

Give this a try?

[bernie1227]

that's why we have:

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
if (mobile) {

no dice on the jsfiddle unfortunately

[traq]

did you use that (I didn't see it), or are you suggesting it now?
I'd be more comfortable using feature detection instead of testing the UA string: checking for touch event support would make a lot of sense in this case.

Is your solution "good" for the iPhone (meaning, are you satisfied with the behavior)?

[bernie1227]

I'm suggesting that we use it now.

It's far from a perfect solution, but It's also by far the result I've had from anything Ive tried. If you can't find anything else, I'd recommend this.

[traq]

well, like I said, it's kinda hard for me to find any solution, since I don't really know what it is I'm trying to solve : )

zimbo, does this work well enough for you?