Gutenberg: Block toolbar should move to by block

[karmatosed]

On a mobile device, it would be nice to move the block to the top and connect with the toolbar when interacting. There is a movement to connect back, however, there is still a disconnected space. For example here, I am interacting with the image block.

[melchoyce]

Seems like something a stronger active block indication could help with?

[jasmussen]

Is this tested in the iOS simulator? It's hard to tell without the soft-keyboard showing. If it's from the simulator, here's how to toggle it:

I ask because the way Mobile Safari handles the soft keyboard and viewport scrolling is notoriously bad, and as a result is unfortunately the lowest common denominator we have to design for.

Seems like something a stronger active block indication could help with?

I disagree specifically on the term "active block indication", though I would agree making it much more clear what actually has _focus_ is very very important. It may sound like a subtle distinction but I think it matters:

• If you click in text, what matters is that the text caret — where you clicked to type — is immediately identifiable, and where your eye expects it to be. Given that caret is often gray, I doubt additional borders will help here.
• If you click an image, it's very important that the image itself has a distinctly visible focus style, so you know what you're editing.

You should always know exactly what you're editing, and making sure it's in expected view is important.

[melchoyce]

Sorry, "active block indication" was kind of a brain fart, I couldn't remember what to call it.

[karmatosed]

@jasmussen it wasn't but that might be what forces this.