Make WordPress Core

Opened 4 years ago

Last modified 21 months ago

#50311 new defect (bug)

Twenty Twenty: blocks are too narrow in editor when the Full Width Template is selected

Reported by: aljullu's profile aljullu 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)

Screenshot_2020-06-03 Edit Page ‹ one wordpress test — WordPress.png (326.2 KB) - added by aljullu 4 years ago.

Download all attachments as: .zip

Change History (2)

#1 @sabernhardt
21 months ago

  • Summary changed from Twenty Twenty theme: blocks available space is too narrow in editor when the Full Width Template is selected to Twenty Twenty: blocks are too narrow in editor when the Full Width Template is selected

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.)

Note: See TracTickets for help on using tickets.