Bug 237054

Summary: Dialog element prevents focus of slotted elements in a custom element template
Product: WebKit Reporter: Kevin Zolkiewicz <witty.moon7410>
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: ntim, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Mac (Apple Silicon)   
OS: macOS 12   
URL: https://codepen.io/zolk/pen/oNoEMmN
Bug Depends on:    
Bug Blocks: 84635    

Kevin Zolkiewicz
Reported 2022-02-22 13:29:39 PST
When a custom element renders a <dialog> element as part of its shadow root, it’s impossible to use the tab key to focus on slotted elements such as inputs and buttons. This issue was encountered in Safari Technology Preview Release 140. CodePen replication: https://codepen.io/zolk/pen/oNoEMmN
Attachments
Radar WebKit Bug Importer
Comment 1 2022-02-23 15:38:42 PST
Tim Nguyen (:ntim)
Comment 2 2022-02-27 01:49:07 PST
Thanks for reporting! It looks like bug 230845 has fixed this, will look into writing a test when I have time. *** This bug has been marked as a duplicate of bug 230845 ***
Note You need to log in before you can comment on or make changes to this bug.