Gutenberg: Block hover outline appears on another block while typing

[mrwweb]

Describe the bug
This feels like a critical violation of the "just write" ethos Gutenberg hopes to achieve.

To Reproduce
When typing, hover your cursor over a different block. The outline will appear for the block you are _not_ working on. This is especially distracting if you happen to nudge your cursor into a different block area.

Expected behavior
If I'm writing, the UI should not encourage me to look elsewhere. I also don't know what caused the formatting toolbar to briefly pop up.

Screenshots

Desktop (please complete the following information):

• OS: Win10
• Browser Firefox 62.0.3
• Version WP 5.0 beta-1

[designsimply]

Adding the Needs Testing label and noting we should check whether this also happens with the 4.1.1 plugin or whether it's limited to WP 5.0 beta.

[Robertght]

I can confirm the behaviour on Gutenberg 4.1.1 with WordPress 4.9.8 as well.

OS: MacOS Mojave,
Browser: Chrome 69.0.3497.100 and Version 70.0.3538.77 (ran an update after checking the version the first time :) )

cc @designsimply

[earnjam]

I'm going to label this as a bug. It's still occurring on the latest in WP 5.0 branch, and latest from Gutenberg master using WP 4.9.8.

The cursor is supposed to disappear when typing resumes, and it does in my testing, however the blue block hover outline still remains.

[earnjam]

Actually, we may need some feedback from design that this wasn't on purpose before we make it actionable though.

[mrwweb]

Running 5.0-beta2 this (and all hover outlines on paragraphs?) seem to be gone. Is that intended? Was this addressed elsewhere?

[melchoyce]

@mrwweb It's intended in Focus mode — see #9394.

[designsimply]

Re-tested and confirmed using WordPress 5.1 and no plugins that the block outline and label are always on for blocks the mouse is hovered over, even if you start typing into a different block. This does appear to be the intended behavior. @mrwweb, just to check, does using Spotlight Mode which has no outlines on hover solve this issue for you? I think this is exactly the kind of thing the different modes were designed to help solve.

[mrwweb]

If that's intended behavior, then so be it. I don't like spotlight mode, so that's not a solution for me.

My overall goal is that I like to write where I can see what's before (and sometimes after) what I'm writing so that I work in context. I don't like it when those things are obscured, adorned or flashing. That's why for me, I turn on Top Toolbar but not Spotlight.

That said, sounds like this ticket isn't going anywhere so probably just worth closing? :/

[ellatrix]

I keep running into the same issue:

@melchoyce I don't think this intended behaviour? All block UI is supposed to fade away when typing starts.

[melchoyce]

You're right — pinging @jasmussen and @kjellr in on this.

[kjellr]

Thanks for the ping. I'd definitely be supportive of removing those hover states when the user is typing.

[mrwweb]

Just noting that while the hover style has changed significantly since the screenshots were taken, the issue remains in WP 5.3.

[jasmussen]

Just noting that while the hover style has changed significantly since the screenshots were taken, the issue remains in WP 5.3.

I would suggest that #17088 (which suggests to explore _no hover style_) and even #18667 might help finally address this one.

[ZebulanStanphill]

Closing since #18862 removed the hover indicator entirely.