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

[WordPress Trac]

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

Comment (by poena):

 I am still unable to reproduce this issue. It would be good to have
 detailed steps for how to reproduce it.



 == In 6.1:
 1. On WordPress 6.1, activate a classic theme, for example Twenty Twenty
 version: 2.1. No plugins are active.
 2. Create a new post.
 3. In the post, add a gallery block.
 In my case, the gallery block is set up to display 3 images that I
 selected from the media library. I did not make any changes to the gallery
 settings. The images are also not linked. Two of them has captions.
 4. Confirm that the images are shown in 3 columns in the editor.
 5. Save the post and view it on the front of the website. Confirm that
 they show in 3 columns on the front.

 The figure that wraps the gallery has the class {{{is-layout-flex}}} and
 the CSS is added to the block with
 {{{
 body .is-layout-flex {
     display: flex;
 }
 }}}

 body .is-layout-flex is added inline on the page inside
 {{{<style id='global-styles-inline-css'>}}}



 == Upgrading from WordPress 5.8.6 to 6.1:
 - Theme used: Twenty Twenty-One version 1.7.

 In 5.8.6, the {{{display:flex}}} is directly on the {{{.wp-block-
 gallery}}} on the {{{<figure>}}} element as well as on the {{{blocks-
 gallery-grid}}} class on the inner {{{<ul>}}} element.
 The gallery with 3 images is displayed using 3 columns in the editor and
 the front.

 After upgrading to 6.1, when I open the post with the same gallery in the
 block editor, the gallery has been updated to the new version of the block
 that uses images as separate inner blocks.
 The gallery with 3 images is displayed using 3 columns in the editor and
 the front.

 The figure that wraps the gallery has the class {{{is-layout-flex}}} and
 the CSS is added to the block with
 {{{
 body .is-layout-flex {
     display: flex;
 }
 }}}

 body .is-layout-flex is added inline on the page inside
 {{{<style id='global-styles-inline-css'>}}}


 -----

 - I am using nginx and PHP version is 7.4.1,
 - I have set {{{define( 'WP_DEBUG', false );}}} but setting it to true
 makes no difference, both buttons and gallery are displayed correctly.

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