Editor: Can't Delete Child Blocks

[carinapilar]

Steps to reproduce

1. Create a new page, add a Button block to it.
2. Click on the Button and delete it from its toolbar.
3. Change to the Code editor and go back to Visual.

What I expected

To not see the Button block, since it was deleted.

What happened instead

The Button block was still there, even though it was deleted. Although the button doesn't show on the site, you can't delete from the editor. It still keeps its code even after being deleted:

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link"></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

It seems it happens because when you select the button to delete it, it actually selects the Button block, not the Buttons one. But once you delete the button in the editor, you're only able to select the Buttons block from the list of blocks on the top left - to then be able to delete the whole thing.

Screenshot / Video

I wasn't able to attach it here, since the file is too big, but you can see a screencast here: https://monosnap.com/file/dYbqAGoOE3j4LMDSGamtnopZDsPvRA

Context / Source

#dogfooding #user-report

[carinapilar]

I got another report for this, it seems that the issue is with Parent blocks, it happens when deleting the child block, instead of the parent (that you can only select using the List View), so even after deleting, the block is still there and once you reload the editor it shows the block again. Should we create a new report specific for Parent blocks?

Got on 3587413-zd-woothemes with the WhatsApp Button block, which is a child block of Send a Message.

[kathrynwp]

Also reported here with WhatsApp block: 26648591-hc