jQueryUI tooltip jumps around

Question

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?

Answer 1

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

Answer 2

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.