twitter/bootstrap — Issue #717: Popover fails to be removed on mouse leave.
Author: daniel-marklund
Created: 2011-11-29 10:36:14+00:00
State: open

On Windows with Firefox (exact version will be stated later) the popover often fails to be properly removed.
I took a quick look on my colleagues computer, and fire bug shows that several popover elements is loaded in the DOM if you continue to hover the a[rel=popover] element.

I myself run Firefox 8.0.1. OS X and managed to recreate the issue (but the issue is less substantial here).

In my case only on quick mouse movements over an image with rel attrib set to popover the issue appears for me too.
The popover barely loads, but instead of disappearing it stays with opacity 0 preventing all underlying elements to be touched.

This is the element that stays:

..

So apparently the "in" class has been removed.

To me it seems like the hide function in bootstrap-twipsy.js v1.4.0 runs, but it fails to run removeElement().
I can't reproduce the problem anymore if I change

$.support.transition && this.$tip.hasClass('fade') ?
$tip.bind(transitionEnd, removeElement) :
removeElement()

to

$.support.transition ?
$tip.bind(transitionEnd, removeElement) :
removeElement()