Align controls disappear when custom content and wide width reset on parent.

[tellthemachines]

Description

Removing the custom content and wide width values on a container block makes its children's Align toolbar button disappear.

Step-by-step reproduction instructions

1. Add custom content and wide widths to a Group block containing a Columns block;
2. Set the Columns block to align wide - up to here everything works as expected;
3. Unset the custom content and wide widths on the parent Group;
4. See that the Align control has now disappeared from the Columns block.

Screenshots, screen recording, code snippet

Environment info

Gutenberg trunk.

Please confirm that you have searched existing issues in the repo.

• [x] Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [x] Yes

Please confirm which theme type you used for testing.

• [x] Block
• [ ] Classic
• [ ] Hybrid (e.g. classic with theme.json)
• [ ] Not sure

[andrewserong]

While testing this, I noticed that when resetting the content and wide sizes in the editor, the value stored in post content is an empty string (e.g. {"type":"constrained","contentSize":"","wideSize":""}}.). So I'm wondering if that's causing an issue for the code that detects the alignments?

I haven't had a chance to dig in further just yet, so just thought I'd share that in case anyone beats me to it 🙂

[valerogarte]

I tried to help, but I couldn't reproduce the issue as described. Here's what I did:

Step 1 - Add a Group Block with Columns Block inside it

Step 2 - Set "Align Wide" for the Columns Block

Step 3 - Disable Content Width on the Group Block

Step 4 - Result: The alignment controls for the Columns Block are still visible, and everything seems to be working as expected.