[wp-trac] [WordPress Trac] #49843: Twenty Nineteen: Fix editor style compatibility with Gutenberg 7.7 and above

[WordPress Trac]

#49843: Twenty Nineteen: Fix editor style compatibility with Gutenberg 7.7 and
above
---------------------------+---------------------------
 Reporter:  kjellr         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  5.5
Component:  Bundled Theme  |    Version:  trunk
 Severity:  normal         |   Keywords:  needs-testing
  Focuses:                 |
---------------------------+---------------------------
 Recent Gutenberg plugin releases have introduced some block markup
 simplification, and Twenty Nineteen needs to catch up a little bit to
 retain parity between the front & back end appearance. A few things that
 are broken right now:

 - Wide alignments sometimes appear only as wide as the text column.
 - Full and wide appear centered on the text column
 - Full-width blocks sometimes do not take up the full width of the page,
 and other times they cause a horizontal scroll.
 - Wide and full group block children take up the full width of the block
 by default.

 This should be fixed before 5.5, when the changes from the Gutenberg
 plugin make their way into core again.

 Screenshots:

 [[Image(http://cldup.com/8VzysqHvRz.png)]]

 [[Image(http://cldup.com/60QgsXNQmn.png)]]

 ----

 The good news is that much of this can be fixed by mirroring the front-end
 styles on the back end. I'm attaching a draft patch here. It needs a lot
 of testing with various block scenarios (I know there's a bug with
 standard and wide block appearing to be the same width inside of full-
 width group blocks for example). So it needs a few iterations before it'll
 be ready to go. Here's the current state with the patch applied:

 [[Image(http://cldup.com/bmNDyIoAXf.png)]]

 [[Image(http://cldup.com/5IxmGKcqPv.png)]]


 ----


 cc @joen for some eyes on this in case you have some time.

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