Declarative Shadow DOM - Chrome Platform Status

Feature: Declarative Shadow DOM

A declarative API to allow the creation of #shadowroot's using only HTML and no Javascript. Blog post: https://web.dev/declarative-shadow-dom/

Motivation

This API allows Web Components that use Shadow DOM to also make use of Server-Side Rendering (SSR), to get rendered content onscreen quickly without requiring Javascript for shadow root attachment.

Status: Specification being incubated in a Community Group

Status in Chromium

Blink components: Blink>DOM>ShadowDOM

Implementation status: Enabled by default (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Non-harmful
Edge: No signal
Safari: No signal
Web Developers: Positive

Owner

masonf@chromium.org

Intent to Prototype url

Intent to Prototype thread

Search tags

Shadow DOM, Declarative,

Last updated on 2021-09-17