Search code examples
csstwitter-bootstraptwitter-bootstrap-3twitter-bootstrap-2

Bootstrap tooltip toggles wrong sometimes?

I've realized that the Bootstrap 2.3.2 tooltip doesn't always work properly. I'm having this problem in :

  • Chrome 35.0.1916.114 m
  • Firefox 29.0.1
  • Opera 21.0.1432.67
  • Safari 5.1.7

It seems to work well in IE 9.

If you move the mouse over the tooltip element quite fast (up and down, for example, or right and left), there's a point in which the tooltip won't show when you have the mouse over the element which is suppose to show it.

You can easily reproduce it in this fiddle.

$('[data-rel]').tooltip()

Did anyone find a solution for this?


Update

It looks like the bug still taking place in Bootstrap 3.1.1. It seems more difficult to be reproduced, but you still can get it by moving the mouse up and down quite fast for a short distance over and outside the element.

Fiddle to reproduce it.

Solution

  • Works fine without the animation:

    Fiddle

    $('[data-rel]').tooltip({
    animation: false 
})