CODEWITHSUNDEEP
twitter-bootstraptooltipdelay
Kaz
Kaz

Reputation: 21

twitter bootstrap tooltip: using delay causes adjacent tooltips to stay visible

[ I found posts about how to setup tooltip delays, but nothing about the problem introduced if two links are adjacent ]

I added some delay to my tooltips to eliminate flashing as the mouse is moved quickly across links:

$('body').tooltip({
  selector: 'a[rel="tooltip"], [data-toggle="tooltip"]', 
  delay: { show: 100, hide: 100 } 
});

But that introduced persistent tooltip display when moving from one tooltip link directly to another (both are displayed).

You can see the problem at http://classygroundcovers.com/site/page?view=sitemap by hovering over "Finding your perfect plants" and moving the mouse down a line to "Plants & packages on sale".

If I remove the delay they work fine.

Any ideas how to retain the delay and make them behave properly?

Ref: http://twitter.github.io/bootstrap/javascript.html#tooltips

Thank you for your kind attention to this question.

Upvotes: 1

Views: 829

Answers (1)

Kaz
Kaz

Reputation: 21

Omitting the "hide" delay made the problem go away. This let me keep the "show" delay that was needed to prevent the flickering.

This does not solve the bug, but is a viable workaround.

Upvotes: 1

Related Questions