Fix: The issue of appender button not clickable in row/stack group.

[vipul0425]

What?

Fixes #56438

Why?

For core/group block that:

• Has the layout attribute value of {"type": "flex"}, i.e. a Row or Column variation.
• Has no inner blocks.
• Has a single value in its allowedBlocks attribute.

One cannot click on the button appender component to insert a block.

How?

The issue was caused as the pointer-events were restricted on the .block-list-appender, So this PR allows the pointer event on the button inside so user can insert the block.

Testing Instructions

1. Create a new Page.
2. Paste the group code provided further below.

<!-- wp:group {"allowedBlocks":["core/paragraph"],"layout":{"type":"flex"}} -->
<div class="wp-block-group"></div>
<!-- /wp:group -->

3. In visual mode, attempt to click on the block appender button. Now, the block should be inserted.

Testing Instructions for Keyboard

Nil

Screenshots or screencast

demo.mov

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: vipul0425 <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @vipul0425! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[talldan]

Thanks so much for the fix, @vipul0425!