[Webkit-unassigned] [Bug 283511] New: AX: content ignored when double wrapped with `display: contents` within a shadow root

[bugzilla-daemon at webkit.org]

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

            Bug ID: 283511
           Summary: AX: content ignored when double wrapped with `display:
                    contents` within a shadow root
           Product: WebKit
           Version: Safari 18
          Hardware: All
                OS: All
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: nathan at knowler.dev
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

Created attachment 473313

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

Labelled examples of the content being skipped and a workaround

When content is wrapped by two elements with `display: contents` within a shadow root, the content is excluded from the accessibility tree. This happens whether or not the content is interactive. A workaround is to use an element in the tree between the two elements with `display: contents`.

Example buggy HTML code:

<input value=A>
<div>
        <template shadowrootmode=open>
                <button>B</button>
                <div style=display:contents>
                        <button>C</button>
                        <div style=display:contents>
                                <button>D</button>
                        </div>
                </div>
                <slot></slot>
        </template>
        <button>E</button>
</div>
<button>F</button>

The keyboard navigation tabs through the elements in the correct (alphabetical order), but VoiceOver skips the button labelled “D.”

I’ve observed this bug on the following OS versions:

- macOS 15.1.1 (24B2091) with Safari 18.1.1 (20619.2.8.11.12)
- iOS 18.1 (22B83)

-- 
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/20241121/e6ee050b/attachment-0001.htm>