Craga89/qTip2 — Issue #320: tooltip losing its owner and making browsers hang
Author: sinaa
Created: 2012-02-25 12:07:32+00:00
State: open

Hi there,

We faced a problem with qtip2 that makes chrome hang, IE to stuck and firefox to just keep the tip in the wrong place(unless on firefox you move your mouse over it, and then out of it to disappear).
I think solving this would not be easy, but hopefully you have more insight on qtip than me.

Basically, we have dynamic content loaded in a div using ajax. In our case, that div contains users' posts (on a social network kind of website).

When user goes to next pages on the website, content will be loaded in that div using ajax (and there is a slideUp prior to the load and a slideDown after successful load).
And qtip is called to load new tips upon successful load.

In our case, The tip is not simply a title tip, it uses ajax to load data. So, on mouse on, the tip goes into loading and then loads a tiny box containing the received data.

It all works well, except that sometimes, the tip goes to the top left hand corner of the page instead of being loaded under the element that requested it, and it makes chrome hang and on firefox it just stays there.

I believe, this happens when the tooltip starts to load and then loses its parent (the element that called it), and it goes on top of the page.

I am thinking that maybe, if there can be certain level of checking before rendering the tip, it could help. (or making it optional for special cases like this)

I should mention that I have also tried different ways of initializing qtip using jquery on, jquery live, and jquery each (as suggested on your own documentation); and the behaviour remains the same.

I have tested this under latest versions of chrome (stable, beta, canary), and also latest versions of firefox as well as IE. not sure about opera.

I'd be happy to provide more information if needed.

Thanks a lot