Gutenberg: Move focus of user when clicking to add content block

[karmatosed]

It's easy to not notice the selection panel when at bottom of a page. It doesn't load as it's off the screen. Found in Safari.

[mtias]

I think this should open to the top-right.

[karmatosed]

@mtias Would perhaps top-left work? My thinking is there are actions on the left already. Although I'm cautious they won't overlap.

[jasmussen]

If we are talking about the pop-out media insertion dialog, it's probably good for it to not overlap the text, but worth trying to move it around and seeing how it feels.

Another angle: lots of good discussion yesterday about inserting content _between_ two blocks. This is worth exploring too — perhaps such an exploration will yield a different interface that might solve both issues. I know Ella had a pattern for this in her front-end editor plugin.

[mtias]

My main concern for now is that a menu opening to the bottom can be cut-off given window scroll position. Why do you think overlapping on the content above could be problematic?

[jasmussen]

My main concern for now is that a menu opening to the bottom can be cut-off given window scroll position. Why do you think overlapping on the content above could be problematic?

Mostly same concern as has been voiced for the inline popup dialog. Also, I like the idea of the search field being close to the caret when you use / on a new line to invoke the dialog. But this is not an objection to showing the dialog above, just a preference. If we test _above_ and that feels better, 👍 from me. Incidentally I just posted this new inserter mockup in #core-editor:

If "above the plus" feels better, we can just switch out the positions of the search box and category tab strip, have the former at the bottom, and the latter at the top maybe.

[mtias]

Mostly same concern as has been voiced for the inline popup dialog

I think the context is rather different when you are inserting new blocks compared to inline formatting on an individual block.

[mtias]

Also, I like the idea of the search field being close to the caret when you use / on a new line to invoke the dialog.

We could auto-focus search.

[mtias]

Let's close this one as we are a few iterations in on the menu.