https://codepen.io/jpzwarte/pen/oNwNdpN?editors=0110 In Chromium and Firefox, the background is hotpink. In Safari and STP, the background is green. This is the CSS for the web component: ```css :host([foo]) ::slotted(h1) { --background: hotpink; } ::slotted(h1) { --background: green; } ```
Workaround is to switch the rules. (hotpink last)
Created attachment 436385 [details] Patch
Gah, Ryosuke, you nerd-sniped me :) Hoping there's something in WPT for this, if not not sure I'll have the cycles to finish this soon, I'm taking a long weekend off computers :)
https://github.com/web-platform-tests/wpt/pull/30181 has a test.
Maybe import the WPT before landing
Created attachment 436619 [details] Patch for landing
Committed r281692 (241042@main): <https://commits.webkit.org/241042@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 436619 [details].
<rdar://problem/82436071>
(In reply to Emilio Cobos Álvarez (:emilio) from comment #3) > Gah, Ryosuke, you nerd-sniped me :) > > Hoping there's something in WPT for this, if not not sure I'll have the > cycles to finish this soon, I'm taking a long weekend off computers :) Thanks for the fix!