Large gap displayed to left of editor at browser widths of 782px and 960px. #19011
Labels
General Interface
Parts of the UI which don't fall neatly under other labels.
[Status] In Progress
Tracking issues with work in progress
[Type] Bug
An existing feature does not function as intended
Describe the bug
A large gap is displayed down the side of the editor at particular viewport widths (960px and 782px).
I have a feeling this bug has been around for a long time. It's pretty hard to spot, and I only noticed it when watching the end-to-end tests, which run at 960px. It's also more obvious with the background color that Twenty Twenty uses.
When the admin menu collapses at 960px and 782px, the Gutenberg layout only adjusts at 959px and 781px.
The issue seems to be happening because WordPress admin uses desktop first (max-width) media query breakpoints, while Gutenberg uses mobile first (min-width), so the media queries take effect at different widths.
To reproduce
Steps to reproduce the behavior:
Expected behavior
No gap is present.
Screenshots
The text was updated successfully, but these errors were encountered: