Widgets editor: Widget Group is missing .wp-widget-group__inner-blocks container

[noisysocks]

Some markup is missing from the Widget Group block when viewed on the frontend.

Steps to reproduce:

1. Activate a classic theme.
2. Go to Appearance → Widgets.
3. Insert a Widget Group block.
4. Add some content into the group and set a title.
5. Save.
6. View the website frontend.

There should be a <div class="wp-widget-group__inner-blocks"> container in the rendered widget, but there isn't.

The container exists when running the Gutenberg plugin, so this is most definitely due to a missing backport.

The Widget Group block was missing a <div class="wp-widget-group__inner-blocks"> container when rendered on the frontend. This is because the block's PHP file was not included and so the block was defaulting to what is returned by the block's save() function.

To test:

1. Activate a classic theme.
2. Go to Appearance → Widgets.
3. Insert a Widget Group block.
4. Add some content into the group and set a title.
5. Save.
6. View the website frontend.
7. You should see <div class="wp-widget-group__inner-blocks"> in the markup.

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

[ironprogrammer]

UPDATED: The heading level change appears to be theme dependent. The test below was with Twenty Eleven. This is not an issue with themes since Twenty Fifteen.

---

I can reproduce this issue.

Also note that the title's heading level changes from H2 to H3 when Gutenberg is enabled. @noisysocks did you see this as well?

Widget Group block with Gutenberg DISABLED 🔴:

<aside id="block-7" class="widget widget_block">
    <h2 class="widget-title">Test title</h2>
    <p>Test content</p>
</aside>

Widget Group block with Gutenberg ENABLED 🟢:

<aside id="block-7" class="widget widget_block">
    <h3 class="widget-title">Test title</h3>
    <div class="wp-widget-group__inner-blocks">
        <p>Test content</p>
    </div>
</aside>

[ironprogrammer]

​PR 2269 works as expected.

Test Report

Env

• WordPress 6.0-alpha-20220211.100311
• Safari 15.3
• macOS 12.2.1 (Monterey)
• Theme: Twenty Twenty
• Gutenberg plugin DISABLED 🔴 (if enabled, it will create a false positive test for the patch)

Steps to Test

1. Activate a non-block theme.
2. In Appearance > Widgets, add a Widget Group Block.
3. Insert a Paragraph block with paragraph copy and set a title.
4. Save/Update Widgets.
5. Open site front end and View Source or open a DOM inspector.
6. Within div.widget-content is .wp-widget-group__inner-blocks, containing the paragraph. ✅
7. Note: The .widget-title is not nested within .wp-widget-group__inner-blocks.

DOM screenshot:

[noisysocks]

Thanks for testing @ironprogrammer!

[peterwilsoncc]

This will need a brief dev-note as it's a back-compat break between 5.9 and 5.9.1

[audrasjb]

Thanks for testing. Let's get this fixed in 5.9.1.
Self assigning for commit.

We'll need to publish a note at least in the 5.9.1 RC post.

[audrasjb]

In 52730:

Widgets: Missing markup from Widgets Group block.

This change fixes an issue in the Widgets editor: widgets group was missing a .wp-widget-group__inner-blocks container.

Props noisysocks, ironprogrammer.
Fixes #55072.

[audrasjb]

Reopening for backport.

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

[audrasjb]

In 52731:

Widgets: Missing markup from Widgets Group block.

This change fixes an issue in the Widgets editor: widgets group was missing a .wp-widget-group__inner-blocks container.

Props noisysocks, ironprogrammer.
Merges [52730] to the 5.9 branch.
Fixes #55072.