Removing a tooltip element when it is displayed doesn't hide the tooltip

[darthdeus]

Here's a simple fiddle with the example http://jsfiddle.net/rQPKR/

Basically if I have a tooltip element, that onclick removes itself, the tooltip itself will stay displayed.

I know there is a closed issue #2298, but I think there are scenarios where the suggested solution doesn't apply.

For example when I am handling the click event on higher level of abstraction, where I don't have access to the element itself and I can't do anything like $(this).tooltip('hide'). The only solution to this would be globally hiding all tooltips like $('a').tooltip('hide'), which I'm not sure is a clean solution.

[richardp-au]

This is done in #4104

[ptutt1]

This was supposedly done in v2.1 (#4104) however, the bug still exists with v3.3.6 (http://jsfiddle.net/otp0pt1z/1/). Maybe there is a fix that requires a code change? I have this working: http://jsfiddle.net/2mp3401w/18/ using jquery special events. Note, this only works when the element is removed using JQuery. If removed by some other means, like it is using datatables, you need to manually remove the tooltips before loading the data. Updated sample: http://jsfiddle.net/2mp3401w/34/

[Paul424]

Seeing the same issue in v3.3.7, indeed simple solution is to $(".popover").popover("hide"); when elements are about the be removed.