Bug 237054

Summary:	Dialog element prevents focus of slotted elements in a custom element template
Product:	WebKit	Reporter:	Kevin Zolkiewicz <witty.moon7410>
Component:	DOM	Assignee:	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

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 ***