BUG: Cannot be selected on canvas if tags are nested

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome 126.0.6478.127(Windows)

Reproducible demo link

https://jsfiddle.net/vbu18q5f/2/

Describe the bug

How to reproduce the bug?

1. Cannot be selected on canvas if tags are nested Section 2 block in demolink has a div tag inside the section tag. section 2 block cannot make section tag selected in canvas, div tag becomes selected. This creates two problems.

• The div tag is selected, so when you try to delete the block on the canvas, Only the div tag will be deleted, and the section tag will remain. You can't delete all elements of block from canvas, so to delete all elements of block you have to delete it from layer manager

https://github.com/GrapesJS/grapesjs/assets/14024165/e0eceae0-2f92-490c-9164-12d13328a750

Perhaps if the nested elements have the same size, only child elements can be clicked

• If you try to add another block, the element will be added inside the div tag.

https://github.com/GrapesJS/grapesjs/assets/14024165/91997107-603a-4677-98c0-3e972fd34296

What is the expected behavior?

• Parent element can be selected even if tags are nested
• Blocks can be added as separate blocks without being added inside other blocks unintentionally. You can easily add blocks between blocks.

What is the current behavior?

• The child element (tag) becomes selected on the canvas, and the first parent element (tag) cannot be set to selected.
• Unintentionally adding a block within a block on canvas

Code of Conduct

• I agree to follow this project's Code of Conduct