[csswg-drafts] [css-ui] outline is not visible when moving focus programmatically (#4421)

Yaffle has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui] outline is not visible when moving focus programmatically ==

Some web browsers on some platforms have started to hide the focus ring (outline) until a user uses TAB key. But it is needed to change the focus programmatically in response to a keydown event, there is no way to tell the browser to show the focus ring.

:focus {
  outline: <something>; /* no way to tell it to show the default outline: it will be non-default or hidden*/

My use case: https://jsfiddle.net/82fdoqL5/embedded/result/
My bug against Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1585955#c8
I was suggested to solve this by using an option to a "focus" method, but this needs a change in the HTML spec: https://github.com/whatwg/html/issues/5004

Can CSS provide something to help with this?
Thank you

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4421 using your GitHub account

Received on Tuesday, 15 October 2019 10:22:50 UTC