CODEWITHSUNDEEP
jquerytooltip
happygilmore
happygilmore

Reputation: 3095

jQueryUI tooltip jumps around

When I repeatably scroll over an element the jQuery tooltip seems to jump around. I thought maybe it was because it was colliding with itself, so I set the collision option to none but that didn't help.

Is this a bug? How can I get it to not jump around?

Upvotes: 10

Views: 3331

Answers (2)

Byte Lab
Byte Lab

Reputation: 1626

It seems that happygilmore's method no longer works (and as he said, is also a risky approach). I suggest using the Tooltip Widget API by setting the following options:

position: {
    collision: 'none'
},
hide: false

The collision: none option stops jQuery UI from trying to do anything fancy to resolve collisions and hide: false stops it from using a fade animation to slowly remove the tooltip; the delay of which causes the collision to occur in the first place. In my opinion it looks just fine without the fade animation.

Upvotes: 8

happygilmore
happygilmore

Reputation: 3095

I set the .ui-tooltip class to have position: absolute it seems to have worked, not sure if there will be unwanted consequences though?

Upvotes: 23

Related Questions