Description
There is a common footgun in web components where elements outside the shadow root (e.g. <label for="input">) are unable to reference elements inside the shadow root (e.g. <fancy-input>#shadow-root<input id="input">/#shadow-root</fancy-input>). referencetarget seeks to fix that. This negatively impacts the accessibility of shadow children.
Explainer
Discussions
Specification
WHATWG
web-feature
No response
Test Links
https://github.com/web-platform-tests/wpt/tree/master/shadow-dom/reference-target/tentative
Additional Signals
Description
There is a common footgun in web components where elements outside the shadow root (e.g.
<label for="input">) are unable to reference elements inside the shadow root(e.g. <fancy-input>#shadow-root<input id="input">/#shadow-root</fancy-input>).referencetargetseeks to fix that. This negatively impacts the accessibility of shadow children.Explainer
Discussions
Specification
WHATWG
web-feature
No response
Test Links
https://github.com/web-platform-tests/wpt/tree/master/shadow-dom/reference-target/tentative
Additional Signals