← Back to release summary

Imperative Shadow DOM Distribution API

Category

DOM

Type

New or changed feature

Status

Enabled by default (Chrome 86)

Intent stage

Shipped

• Breaking change: No
• Enterprise impact: None
• Spec maturity: Unknown status
• Web Platform Tests: Yes

WPT details: Fully tested in WPT. https://wpt.fyi/results/shadow-dom/slots-imperative-slot-api.tentative.html?label=master&label=experimental&aligned https://wpt.fyi/results/shadow-dom/slots-imperative-api-slotchange.tentative.html?label=master&label=experimental&aligned

Summary

Web developers can specify node-to-slot assignments imperatively in Shadow DOM slotting. Please see the spec discussion [1] and the explainer [2]. - [1] https://github.com/whatwg/html/issues/3534 - [2] https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Imperative-Shadow-DOM-Distribution-API.md

Motivation

Allow node-to-slot assignments without needing to add slot attribute in markup. And enabled dynamic slotting behavior based on input conditions.

Standards & signals

• Specification: https://github.com/whatwg/html/pull/5483,%20https://github.com/whatwg/dom/pull/860/
• Firefox: Positive
• Safari: Positive
• Web developers: Positive
• Tracking bug: http://crbug.com/869308

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=shadow-dom%2Fslots-imperative-slot-api
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Imperative%20Shadow%20DOM%20Distribution%20API
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Imperative%20Shadow%20DOM%20Distribution%20API
• Baseline status: https://webstatus.dev/?q=Imperative%20Shadow%20DOM%20Distribution%20API

Docs: https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Imperative-Shadow-DOM-Distribution-API.md

Explainers: https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Imperative-Shadow-DOM-Distribution-API.md

View on chromestatus.com