Inserter on Columns block is difficult to use

[mapk]

Describe the bug
The inserter icon + is too difficult to click on the Columns Block (nested blocks). I'm using Gutenberg 3.6.2.

To Reproduce
Steps to reproduce the behavior:

1. Create a Columns Block
2. Enter content in each column
3. Deselect the block so that the inserter UI appears when you hover
4. Try to click the inserter + for the block container of the nested blocks. Good luck!

Expected behavior
I expected the inserter + not to be so difficult to click.

Screenshots

Desktop (please complete the following information):

• OS: OSX
• Chrome
• Version 68.0.3

[dionysous]

I can reproduce this issue. I agree with @mapk - the elements like the inserter need more space - there should be no overlapping.

[jasmussen]

There are numerous tickets open for improving insertion of blocks, notably in nested situations, including:

• Confusing + button behavior #7271 for improving the consistency of behavior
• Columns adding block only available on left and right seems stuck #5772 general bugs

The issue is rather complex and is not just about making sure it's easy to select the sibling inserter that precedes a fully populated columns block. It's also about managing nested blocks in a good way.

One solution would be to simply remove the sibling inserter altogether, and require you to select the separator and press enter to make a new space below it. Or select the separator and use the top inserter. Those are all discussions that have been going on for a while now.

One thing that is going to be impoved soon, is the nested block selection. For example we might make it so before you can select any block inside the columns block, you have to select the columns block itself first. I.e. child blocks are locked until you click the colums block. This would solve the issue you're seeing here. I hope to work on this soon, stay patient as I try to fix it.

In the mean time I'm going to close this ticket as a duplicate of #6842.