[wp-trac] [WordPress Trac] #45906: Twenty Nineteen: Wide alignment does not match front-end when the sidebar is active

[WordPress Trac]

#45906: Twenty Nineteen: Wide alignment does not match front-end when the sidebar
is active
---------------------------+-----------------------------------------
 Reporter:  laurelfulford  |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  5.0.2
 Severity:  normal         |   Keywords:  needs-patch has-screenshots
  Focuses:                 |
---------------------------+-----------------------------------------
 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

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/45906>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform