[wp-trac] [WordPress Trac] #56218: wp-block-columns no margins or padding in WordPress 6

[WordPress Trac]

#56218: wp-block-columns no margins or padding in WordPress 6
--------------------------+------------------------------
 Reporter:  XyZed         |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Editor        |     Version:  6.0
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  css
--------------------------+------------------------------
Changes (by sabernhardt):

 * focuses:   => css
 * component:  General => Editor


Old description:

> This issue has been recreated in 4 different themes, Twenty Twenty-Two,
> Astra, & 2 Genesis themes. Also, with all plugins disabled, and all
> caches cleared.
>
> I've been using the div class="wp-block-columns" markup via the code
> editor on over 300 articles on my WordPress site. I originally copied all
> of the markup directly from the WordPress block editor, so it was totally
> valid markup.
>
> Everything worked fine through several WordPress updates, until WordPress
> 6. Now, when using WordPress 6, this markup no longer styles the block
> columns, and all columns merge into one block and lose their margins and
> padding.
>
> If I look at the current WordPress 6 block editor columns markup, it has
> changed, and now has the markup enclosed in several “remarks” – eg. `<!–
> wp:columns –>
> <div class=”wp-block-columns”><!– wp:column –>`
>
> So this shows that WordPress 6 has changed how it deals with wp-block-
> columns markup, but has not ensured backward compatibility with the
> previous markup. This essentially breaks my website, so I am unable to
> update to WordPress 6.

New description:

 This issue has been recreated in 4 different themes, Twenty Twenty-Two,
 Astra, & 2 Genesis themes. Also, with all plugins disabled, and all caches
 cleared.

 I've been using the `div class="wp-block-columns"` markup via the code
 editor on over 300 articles on my WordPress site. I originally copied all
 of the markup directly from the WordPress block editor, so it was totally
 valid markup.

 Everything worked fine through several WordPress updates, until WordPress
 6. Now, when using WordPress 6, this markup no longer styles the block
 columns, and all columns merge into one block and lose their margins and
 padding.

 If I look at the current WordPress 6 block editor columns markup, it has
 changed, and now has the markup enclosed in several “remarks” – e.g.
 {{{
 <!-- wp:columns -->
 <div class="wp-block-columns"><!-- wp:column -->
 }}}

 So this shows that WordPress 6 has changed how it deals with `wp-block-
 columns` markup, but has not ensured backward compatibility with the
 previous markup. This essentially breaks my website, so I am unable to
 update to WordPress 6.

--

Comment:

 Hi and thanks for the report!

 This report probably belongs on the
 [https://github.com/WordPress/gutenberg/issues Gutenberg GitHub
 Repository].

 (additional details are in @XyZed's
 [https://wordpress.org/support/topic/wordpress-6-update-loses-all-my-div-
 padding-and-margins/ support topic])

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