Tooltip: Does not hide on iOS

[iccube]

Using the tooltip demo page on an iPad :

• click on a widget tooltip, the tooltip is shown.
• the only way to hide is to click in another tooltip.

I'd expect that touching anywhere on the page would hide the tooltip in a touch screen.

Congratulation for the great job on 1.9 and really looking forward for 2.0 and proper touch screen support.

Thanks a lot

P.S. : on additional comment on the doc, would be nice if the link to the API would be in the top of the page an not the bottom, so we don't have to scroll down.

[tj.vantoll]

Confirmed on iOS6 on an iPad with the simplest of examples - ​http://jsfiddle.net/tj_vantoll/wCDFy/. The issue does not occur on Android 4.1 so it's not touch devices in general.

[tj.vantoll]

This is happening because Android is firing a mouseleave event when anywhere else is clicked and iOS 6 is not.

[maenu]

The example also shows that interactive elements with tooltips don't work the same way as without. If you tap the input in the example for the first time, the tooltip shows, but the keyboard slides up only after the second tap. I'm not sure if this is the same bug, or if this belongs to the interactions, but the tooltip seems to mess up some events in iOS 6.

[tj.vantoll]

#9305 is a duplicate of this ticket.

[tj.vantoll]

#9308 is related (same problem for datepicker) and likely has the same root cause.

[crebert]

Root cause: ​https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile