Popovers within nested modals do not appear on top (z-index issue).
StefanCardnell opened this issue · 1 comments
StefanCardnell commented
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:
- Use a nested modal (modal within a modal) and a popover within the nested modal.
- Open both modals.
- 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.