W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2019

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

From: Viktor via GitHub <sysbot+gh@w3.org>
Date: Tue, 15 Oct 2019 10:22:48 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-507151107-1571134967-sysbot+gh@w3.org>
Yaffle has just created a new issue for https://github.com/w3c/csswg-drafts:

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

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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:54 UTC