qTip with jQuery dialogs

Posted by MikeWyatt on Stack Overflow See other posts from Stack Overflow or by MikeWyatt
Published on 2010-05-20T18:06:03Z Indexed on 2010/05/20 18:10 UTC
Read the original article Hit count: 225

I'm using qTip to show validation errors in a grid. The tooltip appears after a failed row save and doesn't disappear until the row is resaved or the changes are canceled.

The problem with this is that opening a dialog while the tooltip is visible causes the tooltip to be rendered on top of the dialog. That is because the z-index is hard-coded to 6000+ for all tooltips, while jQuery dialogs are set to 1000+.

I could fix this problem by changing the hard-coded value in qTip to <1000, but then tooltips fired from the dialog will appear behind the dialog.

Is there anything I can do, aside from changing the qTip code or using a different tooltip library?

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about z-index