Closed Bug 2016109 Opened 3 months ago Closed 2 months ago

Browser Screenshot popup is displayed below RDM UI

Categories

(DevTools :: Responsive Design Mode, defect, P1)

Firefox 149
Desktop
All
defect

Tracking

(firefox-esr115 unaffected, firefox-esr140 unaffected, firefox147 unaffected, firefox148 unaffected, firefox149 fixed)

RESOLVED FIXED
149 Branch
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)

Attached image image.png

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

Seems to also impact modal dialogs (alert, print etc...)

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)

See Also: → 2013120
OS: Unspecified → Linux
Hardware: Unspecified → x86_64
Version: unspecified → Firefox 149

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.

OS: Linux → All
Hardware: x86_64 → Desktop
QA Whiteboard: [qa-triage-done-c149/b148] [qa-investig-needed-c149/b148]
QA Contact: mboldan
QA Whiteboard: [qa-triage-done-c149/b148] [qa-investig-needed-c149/b148] → [qa-triage-done-c149/b148] [qa-investig-done-c149/b148]

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

https://searchfox.org/firefox-main/rev/036b98bf5ed3e11e8ca16a178a9357675ae15e1b/browser/themes/shared/browser-shared.css#679-683

.screenshotsPagePanel {
  position: relative;
  max-height: 0;
  z-index: 1; /* Above the web content in this stack. */
}
Regressed by: 1997929
Assignee: nobody → jdescottes
Status: NEW → ASSIGNED
Blocks: 2016446
Severity: -- → S3
Priority: -- → P1

I gave this a priority/severity then realized it was in the devtools not screenshots component. Feel free to adjust as needed.

Duplicate of this bug: 2016446
Pushed by jdescottes@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/024902d0c348 https://hg.mozilla.org/integration/autoland/rev/573842877739 Update screenshots panel z-index to be above RDM toolbar r=sfoster,desktop-theme-reviewers
Status: ASSIGNED → RESOLVED
Closed: 2 months ago
Resolution: --- → FIXED
Target Milestone: --- → 149 Branch
QA Whiteboard: [qa-triage-done-c149/b148] [qa-investig-done-c149/b148] → [qa-triage-done-c149/b148] [qa-investig-done-c149/b148][qa-ver-needed-c150/b149]
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: