Closed Bug 1445482 (focus-visible) Opened 6 years ago Closed 3 years ago
implement :focus-visible pseudo-class (rename/alias :-moz-focusring)
47 bytes, text/x-phabricator-request
|Details | Review|
We should implement the :focus-visible pseudo-class in selectors4. Chrome is implementing it; see bug 1442081 for the web-platform-tests they wrote. We already implement essentially this as :-moz-focusring; we probably just need to rename and add a temporary alias, although there might be some other things that need to or should change for spec conformance. (That said, the spec is pretty liberal, so we're likely OK.)
The recent discussion in https://github.com/w3ctag/design-reviews/issues/233 suggests it might be a little more interesting than that.
[Triage 2018/03/23 - P3]
Priority: -- → P3
Mass bug change to replace various 'parity' whiteboard flags with the new canonical keywords. (See bug 1443764 comment 13.)
There were some reasonably substantive changes to the spec for :focus-visible made in https://github.com/w3c/csswg-drafts/pull/2897 . (Also, see https://twitter.com/LeaVerou/status/1042912606024069120 asking for this feature.)
There's some interest for using :focus-visible for DevTools UI code. We have the usual issues with :focus styles applying on clicks and puzzling users, and I suggested :-moz-focusring as a possible fix, but some DevTools components can be used in other browsers (debugger-html and perf-html), so a standard solution would be better.
I'm trying out :-moz-focusring for devtools, but in Firefox 62 and 65 (Nightly) it seems to behave exactly like :focus. Test case: https://codepen.io/fvsch/pen/ZqNvee Tested on Linux: - Firefox: With no keyboard interaction on the page, when clicking buttons and links, :-moz-focusring styles apply - Chrome with Experimental Web Platform Features enabled in flags: buttons and links do not get or retain :focus-visible styles
Correct test case link: https://codepen.io/fvsch/pen/KGLZBa
Whiteboard: [layout:backlog:2020q1] → [layout:backlog:78]
Priority: P3 → P1
Assignee: nobody → emilio
Status: NEW → ASSIGNED
Whiteboard: [layout:backlog:78] → [layout:backlog]
Pushed by email@example.com: https://hg.mozilla.org/integration/autoland/rev/868161e8c855 Enable :focus-visible on all channels for Firefox 85. r=edgar
You need to log in before you can comment on or make changes to this bug.