horizontal scroll do not respect z-index in responsive view
Categories
(DevTools :: Responsive Design Mode, defect, P3)
Tracking
(Not tracked)
People
(Reporter: mr.bloar, Unassigned)
Details
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0
Steps to reproduce:
Based on this code : https://codepen.io/blo4r/pen/VwvJPaY
In responsive view, i resize the view width in order to make horizontal scrollbar appear
Actual results:
The scrollbar is display on top of the header element which is positioned along with a z-index value
Expected results:
The same behavior as in non responsive mode. The positioned element is visually over the scrollbar.
|
||
Comment 1•5 years ago
|
||
Bugbug thinks this bug should belong to this component, but please revert this change in case of error.
|
||
Comment 2•5 years ago
|
||
Thank you for filing this issue! I can confirm this is reproducible on Windows using Firefox Nightly and on Mac when showing scollbars is set to "Always". The issue is related to RDM overriding scrollbar styles with its own stylesheet: https://searchfox.org/mozilla-central/source/devtools/client/themes/floating-scrollbars-responsive-design.css .
Description
•