[wp-trac] [WordPress Trac] #56226: Twenty Twenty-One: Group block styles are breaking the row variation

[WordPress Trac]

#56226: Twenty Twenty-One: Group block styles are breaking the row variation
---------------------------+---------------------
 Reporter:  poena          |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  6.2
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+---------------------
Changes (by poena):

 * milestone:  Awaiting Review => 6.2


Comment:

 I have re-tested this using WordPress 6.1.1 and theme version 1.7, without
 Gutenberg active.

 In the block editor, the theme's editor style for the group block
 overrides the styles from WordPress, and the inner blocks inside the row
 are vertical:


 {{{

 .editor-styles-wrapper .wp-block-group {
     display: block; // This is a theme provided style.
     clear: both;
     display: flow-root;
 }

 .editor-styles-wrapper .is-layout-flex {
     flex-wrap: wrap;
     align-items: center;
 }

 .editor-styles-wrapper .is-layout-flex {
     display: flex;  //This is being overwritten
 }
 }}}

 On the front, the inner blocks inside the row display correctly.


 Since the issue was created I have had a change of mind regarding moving
 the editor style to the IE11 stylesheet. I suggest that the CSS should be
 removed and not moved, since WordPress no longer supports IE11. Keeping it
 would not improve the editing experience in the block editor for IE11
 users.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/56226#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform