Closed Bug 1696563 Opened 4 years ago Closed 4 years ago

Modal styles when RDM is enabled need to be fixed

Categories

(Toolkit Graveyard :: Notifications and Alerts, defect, P1)

Tracking

(firefox-esr78 unaffected, firefox86 unaffected, firefox87 unaffected, firefox88 fixed)

RESOLVED FIXED
88 Branch
Tracking Status
firefox-esr78 --- unaffected
firefox86 --- unaffected
firefox87 --- unaffected
firefox88 --- fixed

People

(Reporter: mtigley, Assigned: mtigley)

References

(Blocks 1 open bug, Regression)

Details

(Keywords: regression, Whiteboard: [proton-modals])

Attachments

(1 file)

The new modal styles introduced in Bug 1693277 don't work well with Responsive Design Mode. This is because when RDM is enabled, we set position: fixed on the dialogStack in https://searchfox.org/mozilla-central/rev/eeb8cf278192d68b3977d0adb4d43f1463439269/devtools/client/responsive/responsive-browser.css#132 and it ends up messing with the modal's sizing.

One approach is to use a resize observer on the dialogStack to set the height of the modal. This is actually similar to what we're doing for the RDM toolbar https://searchfox.org/mozilla-central/rev/eeb8cf278192d68b3977d0adb4d43f1463439269/devtools/client/responsive/ui.js#241-245.

We should try exploring a more CSS-oriented (with maybe a little help from JS) to fix this issue. But at least we have a fallback if this proves too difficult.

Assignee: nobody → mtigley
Severity: -- → S3
Status: NEW → ASSIGNED
Priority: -- → P1
Whiteboard: [proton-modals]

Set release status flags based on info from the regressing bug 1693277

Pushed by mtigley@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/a1918588414c Reuse RDM's toolbar resize observer to set the size of the dialogStack r=Gijs
Status: ASSIGNED → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → 88 Branch
Has Regression Range: --- → yes
Product: Toolkit → Toolkit Graveyard
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: