WordPress.org

Make WordPress Core

Opened 9 months ago

Last modified 9 months ago

#45906 new defect (bug)

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

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

Description

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: https://github.com/WordPress/twentynineteen/issues/667

Attachments (1)

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

Download all attachments as: .zip

Change History (2)

@laurelfulford
9 months ago

Twenty Nineteen - shows editor and front-end overlap

#1 @laurelfulford
9 months ago

  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.