[Webkit-unassigned] [Bug 254501] New: AX: Voiceover Cursor has incorrect focus when element has transform: translate()

[bugzilla-daemon at webkit.org]

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

            Bug ID: 254501
           Summary: AX: Voiceover Cursor has incorrect focus when element
                    has transform: translate()
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mlo+webkit at usersinbuckets.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

Created attachment 465604

  --> https://bugs.webkit.org/attachment.cgi?id=465604&action=review

Screenshot of Voiceover Cursor's incorrect focus outline

Turn on Voiceover
Tab onto Button
Down / Up Arrow Keys or Tab to navigate
Note that the Black Voiceover Cursor is inaccurate.

Suspected to occur on some elements using transform: translate(), the voiceover cursor will then be offset based on the computed distance.
We would like to continue using transform: translate() in the dropdown menu over top / left positioning for performance benefits, but this current behaviour would be problematic for screenreader users who may rely on the Voiceover cursor.

This does not occur in Chrome nor Firefox.

See https://codesandbox.io/s/voiceover-webkit-bug-mfq8ks to try a demo. Changing the top / left value in the Container will change the Voiceover cursor's offset.

-- 
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/20230327/d8563893/attachment.htm>