WordPress.org

Make WordPress Core

Opened 2 months ago

#50311 new defect (bug)

Twenty Twenty theme: blocks available space is too narrow in editor when the Full Width Template is selected

Reported by: 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 2 months ago.

Download all attachments as: .zip

Change History (1)

Note: See TracTickets for help on using tickets.