[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
  has-testing-info has-patch                     |     Focuses:
-------------------------------------------------+-------------------------

Comment (by ironprogrammer):

 == Test Plugins

 In order to assist both reporters and testers/contributors, **two test
 plugins** have been created that take different approaches at resolving
 this issue.

 1. **Hotfix Based on PR 3712:** This [https://github.com/ironprogrammer
 /wp-hotfix-56970 hotfix plugin] implements the proposed changes from
 [https://github.com/WordPress/wordpress-develop/pull/3712 PR 3712]
 (comment:50). It changes how global styles are cached. ''Download here:
 attachment:wp-hotfix-56970.zip 💾.''
 2. **Clear Global Styles:** This alternate
 [https://github.com/ironprogrammer/wp-test-56970 test plugin] clears the
 global stylesheet cache in 6.1.1. ''Download here: attachment:wp-alt-
 test-56970.zip 💾.''

 To install either plugin, first download, then in WordPress navigate to
 ''Plugins > Add New'' and click the **Upload Plugin** button. Click the
 **Choose File** button to locate the plugin ZIP file on your computer, and
 click **Install Now**. Once installed, activate the plugin.

 ''(Manual installation instructions can be found in each plugin's repo.)''

 == Note to Reporters
 Reporters who have encountered this issue are invited to install either of
 the test plugins, upgrade to 6.1.1 if applicable, and provide feedback.
 Tests from different hosting providers may be especially helpful.

 During testing, please make note of the following questions:
 - Which of the two plugins was tested?
 - What was the starting WordPress version (if testing an upgrade to
 6.1.1)?
 - Was the issue resolved? Was it immediate, or did it take some time?
 - Did the issue return after deactivating one of the plugins?
 - Do you have any other caching plugins installed/active?
 - Are you aware of any caching by your hosting provider or DNS service
 (e.g. Cloudflare)?
 - Is `WP_DEBUG` enabled on your site?
 - Did you encounter any errors?

 Please only test with ''one'' of the plugins active at a time.

 == Testing Instructions (Updated 2022-12-08)

 ''For testing on new sites, please refer to these updated testing
 instructions. These are adapted from the
 [https://core.trac.wordpress.org/ticket/56970#comment:42 original
 steps].''

 === Steps to Test

 1. Create a new site using WordPress 5.9 through 6.0.3.
 2. Ensure that `WP_DEBUG` is **not** enabled. Debug mode causes caches to
 be skipped, so won't replicate the issue.
 3. Navigate to ''Appearance > Themes'' and activate **Twenty Twenty-One**.
 4. Navigate to ''Posts > Add New''. Insert a Gallery block and add three
 images.
 5. Save the post and view it on the frontend. Confirm that the images are
 displayed in three columns.
 6. 👀 Make sure you have installed and activated one of the test plugins.
 7. Upgrade the site to WordPress 6.1.1.
 8. View the same post from Step 5, and confirm that it displays the images
 in three columns on the frontend.

 === Expected Results

 - ✅ The Gallery should display three images beside each other.

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