GlDisclosureDropdown's `gl-new-dropdown-panel` and other elements pass over sticky elements when scrolling
Summary
The dropdown panel for inline findings passes over the file title bar when scrolling through the MR diff:
Screen_Recording_2024-02-14_at_17.28.15
... the same happens with lingering tooltips while scrolling around in an issue/MR with a sticky header:
Screen_Recording_2024-02-16_at_15.32.03
note: by "sticky" I mean elements with CSS position: fixed
What is the current bug behavior?
The dropdown-panel/tooltip/popover passes over the sticky element because it has a higher z-index
.
What is the expected correct behavior?
The dropdown-panel/tooltip/popover should go underneath the sticky element when scrolling around.
Possible fixes
- adjust the
z-index
es of elements so that they layer in expected ways
Edited by Miranda Fluharty