NEW307238
@scope styles not applied to elements slotted into Shadow DOM 
https://bugs.webkit.org/show_bug.cgi?id=307238
Summary @scope styles not applied to elements slotted into Shadow DOM
Onur Gumus
Reported 2026-02-07 07:09:21 PST
Created attachment 478280 [details] Bug repro html file Elements styled via @scope lose all styles when they are slotted into a Shadow DOM component. The same styles applied via CSS nesting work correctly. See attached safari-scope-shadow-bug.html for a minimal reproduction. Test 1: @scope without Shadow DOM — PASS (styles applied) Test 2: CSS nesting + Shadow DOM — PASS (styles applied) Test 3: @scope + Shadow DOM — FAIL (no styles applied at all) Chrome render all three correctly.
Attachments
Bug repro html file (3.39 KB, text/html)
2026-02-07 07:09 PST, Onur Gumus 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2026-02-07 14:39:14 PST
*** WebKit ToT (Minibrowser - 307012@main) *** Reproduces and test 3 does not have 'red' *** Firefox Nightly 149 (20260205213633) *** Does not reproduce and show 'red' properly for 'test 3' *** Chrome Canary 146.0.7672.0 (Official Build) canary (arm64) *** Does not reproduce and show 'red' properly for 'test 3'
Radar WebKit Bug Importer
Comment 2 2026-02-14 07:10:13 PST
<rdar://problem/170388953>
Note You need to log in before you can comment on or make changes to this bug.