[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 chatty gardener):

 I'm afraid I don't understand code but this is a link to a post that was
 displaying properly when I published but is now showing a gallery in
 single column format: https://thechattygardener.com/gardens/eking-out-
 summer-at-cerney-house/

 Replying to [comment:13 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:14>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform