[wp-trac] [WordPress Trac] #56970: .is-layout-flex broken

[WordPress Trac]

#56970: .is-layout-flex broken
-------------------------------------------------+-------------------------
 Reporter:  rsmith4321                           |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  closed
 Priority:  normal                               |   Milestone:
Component:  Editor                               |     Version:  6.1
 Severity:  normal                               |  Resolution:  reported-
 Keywords:  has-screenshots reporter-feedback    |  upstream
  needs-patch has-testing-info                   |     Focuses:
-------------------------------------------------+-------------------------

Comment (by ironprogrammer):

 == Reproduction Report
 I am also able to reproduce this issue on a temporary basis*.

 === Environment
 - Hardware: MacBook Pro Apple M1 Pro
 - OS: macOS 12.6.1
 - Browser: Safari 16.1, Google Chrome 107.0.5304.121, Mozilla Firefox
 107.0.1
 - Server: nginx/1.23.2 (via Laravel Valet)
 - PHP: 7.4.33
 - WordPress: 6.0.3 -> 6.1.1
 - Theme: twentytwentyone v1.6

 === Actual Results
 - ✅ After upgrade from WordPress 6.0.3 to 6.1.1, page with Gallery block
 temporarily* renders as a single column.

 === * Additional Notes
 - **Before upgrade**, flex styling is applied through an inline `.wp-
 container-2` class in the `#global-styles-inline-css` style tag.
 - **After upgrade**, the `.wp-container-2` class is replaced with `.is-
 layout-flex`, the latter which does not include inline flex styling (only
 a separate `gap` style).
 - **After approximately 30 seconds**, through reload or refresh of page,
 the Gallery block renders as 3 columns again.
 - Flex styles for `body .is-layout-flex...` are rendered inline via
 `#global-styles-inline-css`.

 === Supplemental Artifacts
 ||= Immediately after upgrade to 6.1.1 =||= 30 seconds after upgrade =||
 || [[Image(https://cldup.com/Hl_JQc3tbf.png, 75%)]] ||
 [[Image(https://cldup.com/8eLIteZY26.png, 75%)]] ||

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