Opened 3 years ago
Last modified 16 months ago
#50311 new defect (bug)
Twenty Twenty: blocks are too narrow in editor when the Full Width Template is selected
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | |
Focuses: | css | Cc: |
Description
When selecting the Full Width Template in Twenty Twenty, the page content is up to 1200px wide in the frontend.
However, the editor has a CSS rule that forces .wp-block
max-width to 610px.
That produces a styles mismatch between the editor and the frontend. This issue is specially visible in blocks that have different layouts depending on the container width, like the WooCommerce Checkout block (see screenshots), but is still reproducible in any other block (see how the paragraph block line breaks do not occur on the same words editor vs. frontend).
Attachments (1)
Change History (2)
Note: See
TracTickets for help on using
tickets.
Thanks for the report!
The theme's block editor stylesheets would require some adjustments, but the editor still does not reflect the page template (see GB10640, GB8948, etc.)