Browser Screenshot popup is displayed below RDM UI
Categories
(DevTools :: Responsive Design Mode, defect, P1)
Tracking
(firefox-esr115 unaffected, firefox-esr140 unaffected, firefox147 unaffected, firefox148 unaffected, firefox149 fixed)
| Tracking | Status | |
|---|---|---|
| firefox-esr115 | --- | unaffected |
| firefox-esr140 | --- | unaffected |
| firefox147 | --- | unaffected |
| firefox148 | --- | unaffected |
| firefox149 | --- | fixed |
People
(Reporter: jdescottes, Assigned: jdescottes)
References
(Regression)
Details
(Keywords: regression)
Attachments
(3 files)
STRs:
- open a tab
- enable RDM
- click on the browser's screenshot button
ER:
The popup to select the screenshot mode should be fully visible
AR:
The popup is partially hidden by RDM
| Assignee | ||
Comment 1•3 months ago
|
||
Seems to also impact modal dialogs (alert, print etc...)
| Assignee | ||
Comment 2•3 months ago
•
|
||
Note that with Bug 2013120, the behavior is different. With the patch, the dialogs are fully constrained in RDM's viewport.
(except for the screenshot popup which still seems displayed in the same way as today)
| Comment hidden (obsolete) |
| Assignee | ||
Comment 4•3 months ago
|
||
Consequently, I'll modify the report version, although the OS and architectures might be better as “All”.
Thanks for checking! Also checked 148 and the issue is not visible there.
| Assignee | ||
Updated•3 months ago
|
Updated•3 months ago
|
Updated•3 months ago
|
Comment 5•3 months ago
|
||
I managed to find the regression.
Last good: 2026-01-27
First bad: 2026-01-28
Pushlog: https://hg-edge.mozilla.org/integration/autoland/pushloghtml?fromchange=fe51e64122f47555434601c73e26c02038eb3077&tochange=b23b7f23fefec37b3cdfbb06d7d880ea72e8047f
Potential regressor: Bug 1997929
| Assignee | ||
Comment 6•3 months ago
|
||
Thanks for the investigation!
I confirm this is a regression from Bug 1997929.
RDM toolbar has a z-index set at https://searchfox.org/firefox-main/rev/036b98bf5ed3e11e8ca16a178a9357675ae15e1b/devtools/client/responsive/responsive-browser.css#22,25,38
.browserContainer.responsive-mode > .rdm-toolbar {
...
z-index: var(--browser-stack-z-index-rdm-toolbar);
...
}
Variable is set at https://searchfox.org/firefox-main/rev/036b98bf5ed3e11e8ca16a178a9357675ae15e1b/browser/themes/shared/browser-shared.css#89-92
/* z-indices that fight on the browser stack */
--browser-stack-z-index-devtools-splitter: 1;
--browser-stack-z-index-dialog-stack: 2;
--browser-stack-z-index-rdm-toolbar: 3;
But the screenshots popup has z-index 1
.screenshotsPagePanel {
position: relative;
max-height: 0;
z-index: 1; /* Above the web content in this stack. */
}
| Assignee | ||
Comment 7•3 months ago
|
||
Updated•3 months ago
|
Updated•2 months ago
|
Comment 8•2 months ago
|
||
I gave this a priority/severity then realized it was in the devtools not screenshots component. Feel free to adjust as needed.
Comment 10•2 months ago
|
||
Comment 11•2 months ago
|
||
| bugherder | ||
Updated•2 months ago
|
Description
•