WebKit Shadow DOM Issues

Issues we've found in Safari Technical Preview 17

Shadow Root Host as Flex Container

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

Should span across the screen.

::slotted(.toggle)

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

Make sure the Web Inspector is closed.

Should have a background color

.toggle ::slotted(*)

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

Should have a background color

Transition Light DOM Elements

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

Should transition (No shadow root)
Should transition (in light DOM)

:host(.toggle)

https://bugs.webkit.org/show_bug.cgi?id=158900
Should have a background color

:host::after

This might be a spec bug. Where should ::after go? Chrome does a virtual last child in the shadow root.

https://bugs.webkit.org/show_bug.cgi?id=164675
( ( ( Should end with three closing brackets

getRootNode()

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

@keyframes definitions in shadow roots

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

event.composedPath() should include window

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

button.click() should be composed

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

:host(.toggle) div

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