[wp-trac] [WordPress Trac] #61611: Twenty Twenty-One: float-clearing pseudo-elements are visible in Row and Grid blocks (was: Issue with TT1 theme with grid block)

[WordPress Trac]

#61611: Twenty Twenty-One: float-clearing pseudo-elements are visible in Row and
Grid blocks
-----------------------------------------+-----------------------------
 Reporter:  up1512001                    |       Owner:  up1512001
     Type:  defect (bug)                 |      Status:  assigned
 Priority:  normal                       |   Milestone:  Future Release
Component:  Bundled Theme                |     Version:
 Severity:  normal                       |  Resolution:
 Keywords:  has-patch changes-requested  |     Focuses:  css
-----------------------------------------+-----------------------------
Changes (by sabernhardt):

 * focuses:  ui, css => css
 * component:  Themes => Bundled Theme
 * version:  trunk =>
 * milestone:  Awaiting Review => Future Release
 * keywords:  has-patch => has-patch changes-requested


Comment:

 The patch will need to edit
 `twentytwentyone/assets/sass/05-blocks/group/_style.scss` and build files
 from that.

 - The pseudo-elements are part of an
 [https://github.com/WordPress/twentytwentyone/pull/580 IE hack].
 - The hack could be moved to `07-utilities/ie.scss` instead of just
 deleting it.
 - The front-end styles could keep `display: flow-root` in
 `group/_style.scss` for older versions of WordPress that do not set the
 flex or grid display.
 - [55329] removed the entire section of float-clearing styles (including
 `flow-root`) from the editor but left the front end as it was.

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