[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:  Awaiting Review
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+------------------------------

Comment (by poena):

 ''To clarify, the is-layout-flex change is in Gutenberg version 13.7.''

 After testing in 5.3 to 6.0, I believe the solution would be to move this
 clearfix from the group block file to the IE specific stylesheet:

 {{{

         // Start IE clearfix.
         // This hack is only necessary because we want to support IE11.
         // If we don't want to support IE11, then "display: flow-root"
 would suffice.
         display: block;
         clear: both;

         display: flow-root; // stylelint-disable-line declaration-block-
 no-duplicate-properties

         &:before,
         &:after {
                 content: "";
                 display: block;
                 clear: both;
         }
         // End IE clearfix.

 }}}

 WordPress no longer supports IE11, but keeping the style will mean less
 breaking changes for IE users.


 I saw a minor difference on the front where **empty** group blocks does
 not take up as much vertical space when
 {{{display: flow-root;}}} is removed.

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