Rego’s Everyday Life

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/

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.

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/

My colleague Miyoung Shin has added support for :dir() CSS pseudo-class in Chromium, it’s enabled by default in Canary 91.0.4438! 🚀 Thanks Eyeo for sponsoring Igalia to develop this feature.

See: https://issues.chromium.org/issues/40451997

Border radius logical properties are available in Google Chrome 89 and Safari Technology Preview 120 thanks to Ziran Sun from Igalia. Long live border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius! 🎉

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.