By applying a background color to a group block, it aligns to the left in the editor

[eddystile]

With Twenty Twenty Two theme, in a post edition, when applying a color background to a group block, this block align to left in the editor. It's ok in front.

[audrasjb]

Hello and thanks for the report @eddystile,

I can reproduce the issue using TT2 and WP 5.9.
We need to make sure the issue is not coming from Gutenberg side, though.

Moving for 5.9.1 consideration.

[webmandesign]

Just a quick note here as I haven't tested this thoroughly, but I just dealt with a customer experiencing similar issue.

I've found out the issue was coming in my case from Gutenberg plugin applying margin: 0; on the affected block (where horizontal margins of auto coming from theme were effectively overridden with this). Not sure why though. After disabling Gutenberg plugin the issue disappeared.

Hope this helps somehow if it is related.

[sabernhardt]

Twenty Twenty-Two has had negative side margins on group blocks with a background since ​PR 336

Trac ticket: https://core.trac.wordpress.org/ticket/54944

[audrasjb]

Before patch

[audrasjb]

After applying the proposed patch: works great!

[audrasjb]

Marking this for commit. Thanks for the PR @petaryoast!

[audrasjb]

In 52679:

Twenty Twenty-Two: Remove negative side margins on group blocks with a background.

This change fixes an issue where applying a background color to a group block aligned it to the left in the editor.

Props eddystile, audrasjb, webmandesign, sabernhardt, petaryoast.
Fixes #54944.

[audrasjb]

Reopening for 5.9 backport.

Committed in https://core.trac.wordpress.org/changeset/52679

[kjellr]

Just a heads up that the padding rule does not need to be removed in order to fix the margins issue. I opened #55103 to restore it.

[audrasjb]

@kjellr if I understand your point correctly:
body > .is-root-container > .wp-block-group.has-background can be removed as it addresses the issue reported in this ticket, but we shouldn't remove .wp-block-group.has-background,?

[kjellr]

Yes, that's correct.

[audrasjb]

Ok thanks for the confirmation 👍

[audrasjb]

In 52686:

Twenty Twenty-Two: Restore custom padding for group blocks with a background color.

This change partially reverts [52679] which accidentally removed custom padding for group blocks with a background color.

Follow-up to [52679].

Props kjellr.
Fixes #55103.
See #54944.

[audrasjb]

In 52688:

Twenty Twenty-Two: Remove negative side margins on group blocks with a background.

This change fixes an issue where applying a background color to a group block aligned it to the left in the editor.

Props eddystile, audrasjb, webmandesign, sabernhardt, petaryoast, kjellr.
Merges [52679] and [52686] to the 5.9 branch.
Fixes #54944, #55103.

[SergeyBiryukov]

In 52709:

Twenty Twenty-Two: Update mergeinfo after [52688].

See #54944, #55103.