[Block] Columns: Insert button in the Column block overlaps the block toolbar

[gziolo]

Describe the bug
The insert button in the Column block overlaps the block toolbar on small screens.

To reproduce
Steps to reproduce the behavior:

1. Change the browser width to enable small viewport.
2. Add a new post.
3. Insert any block.
4. Insert Columns block.
5. Select the previous block.
6. Observer how the insert button in the Column block overlaps the block toolbar.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

Desktop (please complete the following information):

• OS: macOS
• Browser: Chrome
• Version: 77.0.3865.120

[jasmussen]

I can't reproduce.

I'm noticing a ton of other mobile bugs that are bad, but not this specific one. Can you give additional steps to reproduce?

[gziolo]

I guess you are testing with Safari on the simulator. I was testing with Chrome and small viewport:

[jasmussen]

No this was chrome in the inspector. Could be Safari related then?

[gziolo]

Safari:

Columns block, 2 columns 50/50. I use arrow keys (down/up) to navigate.

I think you need to have 50/50 to make each of them fill all the space in one row.

[edmundcwm]

Hello all,

First-timer here. I managed to replicate the issue. Anyone looking into this currently? If not i will try.

[gziolo]

@edmundcwm, go for it, thanks 🙇

[jasmussen]

Worth noting that this PR, #18686, will make the toolbar docked to the top on mobile breakpoints, which should obviate the need for this to be fixed. So maybe it isn't worth it?

[gziolo]

@jasmussen can we close it now that you landed PR which changes how the toolbar works?

[jasmussen]

We can, yes!

Thank you.