Make WordPress Core

Opened 5 years ago

Last modified 2 weeks ago

#45906 new defect (bug)

Twenty Nineteen: Wide alignment does not match front-end when the sidebar is active

Reported by: laurelfulford's profile laurelfulford Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: needs-patch has-screenshots
Focuses: Cc:


Originally reported in Twenty Nineteen's GitHub repo by @afercia:

When viewing in the editor, the 'wide' block is not the same width as it appears on the front-end, when the sidebars in the editor are open.

In the front-end, the wide image is always larger than the paragraph content even at smaller viewports, until it goes fully responsive under 768. This is not the case in the editor, so the views don't match.

Steps to replicate:

  1. In the editor, add an Image block and set it to 'wide' width.
  2. Add a paragraph block, and give it a background colour (to better see it's size).
  3. Compare their widths when the editor sidebars are open; the paragraph and wide image appear to be the same width.
  4. Publish the page.
  5. View the front-end, and note the 'wide' image and paragraphs are not the same width.

Original ticket here:

Attachments (1)

667-twentynineteen-editor.gif (360.4 KB) - added by laurelfulford 5 years ago.
Twenty Nineteen - shows editor and front-end overlap

Download all attachments as: .zip

Change History (3)

5 years ago

Twenty Nineteen - shows editor and front-end overlap

#1 @laurelfulford
5 years ago

  • Milestone changed from Awaiting Review to Future Release

#2 @karmatosed
2 weeks ago

Noting that I can replicate this in testing today.

Note: See TracTickets for help on using tickets.