Tagged “focus-visible”
-
:focus-visible has just been enabled by default in @webkit! 🎉
-
:focus-visible is shipping in Safari/WebKit
Finally ':focus-visible' has been enabled by default in WebKit and shipped in Safari 15.4, which completes the work on the first Open Prioritization experiment.
-
🚨 :focus-visible has been enabled by default in Safari Technology Preview! 🎉
See: https://webkit.org/blog/12176/release-notes-for-safari-technology-preview-138/
-
The path of bringing :focus-visible to WebKit
Talk about ':focus-visible' at CSS Conf Armenia 2021.
-
My talk “The path of bringing :focus-visible to WebKit” from CSS Conf Armenia is now available on Igalia’s YouTube channel: https://www.youtube.com/watch?v=70_p3WmdZv8. Hope you enjoy it!
-
The slides of my talk today at CSS Conf Armenia are available on my blog: https://people.igalia.com/mrego/talks/css-conf-aremnia-2021-focus-visible/. The summary is on the last slide, :focus-visible has not yet shipped in WebKit, but we’re getting there and closer than ever.
-
Tomorrow I’ll be speaking at CSS Conf Armenia about “The path of bringing :focus-visible to WebKit”. I’ll explain all the work that Igalia has done so far, together with the current status and plans looking into enabling the feature by default. 📢
-
:focus-visible in WebKit - May 2021
A report about the work done by Igalia during May 2021 adding support for :focus-visible in WebKit.
-
This new Safari Technology Preview release includes all the work done by Igalia around :focus-visible in WebKit. You can test it enabling the runtime flag on the menu (Develop > Experimental Features > :focus-visible pseudo-class).
See: https://webkit.org/blog/11680/release-notes-for-safari-technology-preview-125/
-
:focus-visible in WebKit - April 2021
A report about the work done by Igalia during April 2021 adding support for :focus-visible in WebKit.
-
Some updates on :focus-visible implementation in WebKit by Igalia. We’ve just landed a patch related to script focus and :focus-visible: https://trac.webkit.org/changeset/276264/webkit
With this patch and the recent changes by Emilio Cobos on Firefox, all browsers have the same behavior on these cases.
-
:focus-visible in WebKit - March 2021
A report about the work done by Igalia during March 2021 adding support for :focus-visible in WebKit.
-
Some good news, the initial patches for :focus-visible are included in the last Safari Technology Preview release. But some bad news too, testing it I found out a clear bug when using keyboard to move focus. 🙁
See: https://webkit.org/blog/11577/release-notes-for-safari-technology-preview-122/
-
:focus-visible in WebKit - February 2021
A report about the work done by Igalia during February 2021 adding support for :focus-visible in WebKit.
-
Some updates on Igalia work around :focus-visible.
Chromium default style sheet is using :focus-visible instead of :focus since 90.0.4412 (https://chromiumdash.appspot.com/commit/c3102c24006870f7f08444133209998b5b74aa54). Now you won’t see an outline when you click a
<div tabindex>
element, only when you use the keyboard to focus it. -
:focus-visible in WebKit - January 2021
A report about the work done by Igalia during January 2021 adding support for :focus-visible in WebKit.
-
:focus-visible is now in the HTML standard, replacing :focus in the default user agent style sheet: https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3
Thanks Emilio Cobos for the PR: https://github.com/whatwg/html/pull/6256
This is part of the work Igalia has been doing related to adding :focus-visible support in WebKit.
-
I’m working on the implementation of :focus-visible in WebKit. So far my work has been around understanding the feature, improving the tests and finding interop issues.
See: https://drafts.csswg.org/selectors/#the-focus-visible-pseudo
-
Yeah we have indeed started. First thing by improving the WPT tests, which lead to find 2 interop issues between Chromium and Firefox. Then while importing the tests in WebKit, found an old bug related to “focus” event and :focus pseudo-class, which has been fixed now.
See: https://opencollective.com/open-prioritization/projects/focus-visible-in-webkit
-
If you want to see :focus-visible in WebKit, Igalia is collecting funds to make it happen at https://opencollective.com/open-prioritization/projects/focus-visible-in-webkit
This has been the winner of our Open Prioritization campaign, and if everything goes fine this would be ready during Q1 2021.
See all tags.