All geek questions in one place

QApply jQuery dialogs

I use qTip to display validation errors in a grid. The tooltip appears after an unsuccessful line change and does not disappear until the line is saved or the changes are undone.

The problem is that opening a dialog when a tooltip is visible causes the tooltip to display on top of the dialog box. This is because the z-index is hardcoded to 6000+ for all tooltips, while jQuery dialogs are set to 1000+.

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

Is there anything I can do other than change the qTip code or use a different hint library?

+3
source share
2 answers

Completely untested, but you could put together something like this:

  • Hack the base qTip z-index so that tooltips appear below jQuery dialogs.
  • Use the qTip onRender callback to selectively raise the z-index of prompts that run only from these dialogs, so they are above the 1000 range.

As a note, it looks like the current qTip version actually uses 15000 as its base z-index.

+2
source

Why not make the z-index 6500 dialog, and then give all qTips launched from the dialog a z-index of 7000?

: , - qTip z-index . . , ?

0

Source: https://habr.com/ru/post/1746441/

More articles:


All Articles