Reference target

The referenceTarget property of a ShadowRoot object forwards attributes such as for and aria-labelledby to elements inside a shadow DOM. You can use this to, for example, link a <label> to its <input> even if the <input> is in the shadow DOM of a web component.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

152

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

152

Supported

Mobile Browser Engine Support

Chrome Android

152

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.Element.attachShadow.options_referenceTarget_parameter ↗ api.HTMLTemplateElement.shadowRootReferenceTarget ↗ api.ShadowRoot.referenceTarget ↗ html.elements.template.shadowrootreferencetarget ↗