Buttons are not click focusable in Safari (though you can still focus them via keyboard with Option + Tab), as they don’t receive focus on click they don’t even match :focus, so they never show a focus ring on mouse interactions. However buttons in Safari are different to other browsers, and that’s because Safari follows the Mac platform conventions. When an element is focused browsers use some internal heuristics to decide when to show or not a focus ring. The typical example for this are buttons, in general when people click a button they don’t expect to see a focus ring, for that reason most browsers haven’t been showing it for years. So let’s start from the beginning, what is focus-visible? A broad description of :focus-visible is that it will match based on when the browser would natively show a focus ring. Debate timeĭuring the last patch reviews more Apple engineers got interested on the feature, and there were a bunch of discussions about whether it would (or should) change the default behavior in WebKit, and how. Please play with it and report any issue you might find.
You can test this feature in Safari Technology Preview (since release 125) by enabling the runtime flag in the menu ( Develop > Experimental Features > :focus-visible pseudo-class). It passes most of the WPT tests, there are still some minor differences here and there (like some input types matching or not :focus-visible) but those issues have been considered to be fine as they depend on the different browsers specific behavior. Implementation detailsĪs I’ve just mentioned, the implementation finished by the end of April, and no more patches have landed since then.
Moreover, Igalia has been in conversations with Apple trying to find a way to enable the feature by default at some point.
The high level summary is that the implementation in WebKit can be considered to be complete and all the :focus-visible patches have been included on the last Safari Technology Preview 125 as an experimental feature. And again this is a new report about the work around :focus-visible in WebKit, you can check the previous ones at:Īs you might already know this work is part of the Open Prioriziatation campaign by Igalia that has been funded by a lot of people.
0 kommentar(er)
