STR:

1. Open data:text/html,<input>
2. open the devtools inspector.
3. Inspect the input from the inspector
4. Right click on the <input> DOM node, select the pseudo class "focus"

=> notice that the input style doesn't change. => KO

Click inside the input now => notice the focus style. => OK

You need to toggle :focus-visible, which is what we use (and should use) to show focus rings.

Thanks, looks like I've been confused.
I'll follow-up with the devtools folks, I believe that toggling :focus-visible should also toggle :focus automatically.

Why should it? They're two different things.

Oh, sorry, I read that backwards, yeah. :focus-visible implies :focus, so agreed.