NEW 288826
No style invalidation of :has with interactive pseudo classes in shadow DOM 
https://bugs.webkit.org/show_bug.cgi?id=288826
Summary No style invalidation of :has with interactive pseudo classes in shadow DOM
thatemil
Reported 2025-02-28 06:48:09 PST
When using pseudo-classes like :focus, :checked, :placeholder-shown inside of :has(), the new state will not render when applied inside of a shadow root. This was mentioned in another similar (non-shadow DOM) bug (see comment here: https://bugs.webkit.org/show_bug.cgi?id=234556#c16) that was since fixed. Steps to Reproduce: 1. Visit reduced test case here: https://codepen.io/emilbjorklund/pen/ByapzBO (forked from example in the bug listed above) 2. Interact with the form controls. Actual Results: The labels next to the form controls do not change their border. Expected results: Each example should get a differently colored border when input is checked/focused etc. Additional Information: Behavior noted on Version 18.3 (20620.2.4.11.5), MacOS
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2025-03-07 06:49:13 PST
<rdar://problem/146479251>
thatemil
Comment 2 2025-03-21 00:48:42 PDT
Updating the linked URL in the metadata, since it was incorrectly pointing to Lea Verou’s codepen from the linked bug, not the one I created for this one.
Note You need to log in before you can comment on or make changes to this bug.