uiv-lib/uiv

Popovers within nested modals do not appear on top (z-index issue).

StefanCardnell opened this issue · 1 comments

Describe the bug
If a modal is used within a modal, then popovers on the nested modal do not appear on top.

To Reproduce
Steps to reproduce the behavior:

  1. Use a nested modal (modal within a modal) and a popover within the nested modal.
  2. Open both modals.
  3. Hover over the popover on the second modal, it will not appear on top.

Additional context
This is because the popover z-index value from bootstrap's CSS is forced at 1060, whereas UIV calculates Modal z-index dynamically and the Modal z-index will go over 1060 in nested scenarios. It is possible this could be solved by dynamically calculating the pop-over z-index, to respect the Modal z-index (or just its parent).

I have not tested, but tooltips probably face the same issue as their z-index is forced at 1070 (it may take 3 modals for the issue to appear).

wxsms commented

Yes tooltips will have same issue.