Popover sporadically disappears, although still mouse over

[ghost23]

Hi,

i am testing in chrome 18 and firefox 12. Sometimes (usually with users, that have a nervous hand ....) the popover disappears, although the mouse pointer is still over the link or the button. So, mouse goes over button, popover appears, but shortly afterwards disappears again. This, again, usually happens, when the user consequently moved over the button several times, sometimes quite fast.

[richardp-au]

I haven't seen this happen (Safari 5.1 Mac) with buttons but I have with links. I find it happens more often when the link spans multiple lines (soft-wrapped) but it does happen (albeit less frequently) on single-line links.

As @ghost23 says, it doesn't just disappear on its own; it disappears after the mouse is moved slightly (sometimes just one pixel) but it still over the link.

[fat]

Need a reproducable case. Could you please provide a jsfiddle? thanks!

[ghost23]

Hi, it is reproducable on your own documentation page: http://twitter.github.com/bootstrap/javascript.html#popovers
Just move your mouse over and out the button a few times and then stay over the button again after a few times, you should see the issue after some tries.

[richardp-au]

Here's a jsFiddle: http://jsfiddle.net/r1ch0/yPJ2F/

The popover disappears when you hover between the lines of the link but I guess that's understandable since the link's underline also disappears (so it's essentially no longer hovered). However, it also disappears when you move the mouse left and right and remain hovered over the link.

[fat]

If you force a lot of trigger events css animations start to optimize by dropping the events. When this happens we try our best to simply hide the popover (so you don't get a bunch of dead tooltips all over the place). If this is absolutely unacceptable behavior for you - i suggest you simple don't use the animations.

Also you can slightly improve the experience by making sure the elements you are putting the popover on aren't multi line inline elements. If you want to do a multi line input - it helps to make the area display block.