[Webkit-unassigned] [Bug 239472] New: Safari 15.4 :focus-visible inconsistent with Firefox and Chrome. Programmatic focus() should not match :focus-visible.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=239472

            Bug ID: 239472
           Summary: Safari 15.4 :focus-visible inconsistent with Firefox
                    and Chrome. Programmatic focus() should not match
                    :focus-visible.
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: focusvisiblewebkitbugzilla at gmail.com

Safari introduced :focus-visible support in 15.4. However, it behaves differently than Chrome and Firefox in that programmatically focusing elements will trigger :focus-visible styles. Many screens rely on programmatic focus for accessibility and are not expecting a focus ring to appear.

Example:
- Go to www.airbnb.com
- On the top right, click the globe icon to bring up a "language and region" modal
- Notice that the close button has a :focus-visible outline in Safari 15.4+ but not in Chrome or Firefox

Another report: 
- https://githubhot.com/repo/reach/reach-ui/issues/915

Desired result:
- :focus-visible in Safari should behave the same as Chrome and Firefox

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220418/075f25df/attachment.htm>