Bug 237054 - Dialog element prevents focus of slotted elements in a custom element template
Summary: Dialog element prevents focus of slotted elements in a custom element template
Status: RESOLVED DUPLICATE of bug 230845
Alias: None
Product: WebKit
Classification: Unclassified
Component: DOM (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/zolk/pen/oNoEMmN
Keywords: InRadar
Depends on:
Blocks: dialog-element
  Show dependency tree / graph
 
Reported: 2022-02-22 13:29 PST by Kevin Zolkiewicz
Modified: 2022-02-27 01:49 PST (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Kevin Zolkiewicz 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
Comment 1 Radar WebKit Bug Importer 2022-02-23 15:38:42 PST 
<rdar://problem/89382466>
Comment 2 Tim Nguyen (:ntim) 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 ***