Intent to ship in Nightly: Declarative ShadowDOM

[Adam Vandolder]

Summary: Declarative ShadowDOM is a recent addition to the HTML & DOM standards that enables the usage of shadow roots in a declarative manner directly within HTML, without the need for using Javascript and attachShadow.

Bug: 1712140 Implement Declarative Shadow DOM

Specification: [whatwg/html] Add declarative Shadow DOM features

Platforms: All

Pref: dom.webcomponents.shadowdom.declarative.enabled

This feature is already shipping in both Blink and Webkit.

web-platform-tests: https://wpt.fyi/results/shadow-dom/declarative

[Nicolas Chevobbe]

Sweet!

I filed a DevTools bug to make sure those would be supported as the JS-registered ones: https://bugzilla.mozilla.org/show_bug.cgi?id=1867577
I did not went over the spec yet, but is there any feature we should consider that would help debugging them easily?

[Sebastian Zartner]

On Thu, 30 Nov 2023 at 17:33, Nicolas Chevobbe <nche...@mozilla.com> wrote:

I did not went over the spec yet, but is there any feature we should consider that would help debugging them easily?

The only feature I can imagine is to give a hint in the Inspector whether the Shadow DOM was created declaratively or imperatively (via JavaScript). So I filed https://bugzilla.mozilla.org/show_bug.cgi?id=1871813 for that.

For imperatively created Shadow DOM, you could link to the statement in the JS code. For that I filed https://bugzilla.mozilla.org/show_bug.cgi?id=1871814. For declaratively defined Shadow DOM you can't provide such linking, because the related <template> element is removed at parse time. I don't know if there's any additional thing that could help debugging Declarative Shadow DOM.

Sebastian

 

On Thursday, November 30, 2023 at 4:57:06 PM UTC+1 Adam Vandolder wrote:

Summary: Declarative ShadowDOM is a recent addition to the HTML & DOM standards that enables the usage of shadow roots in a declarative manner directly within HTML, without the need for using Javascript and attachShadow.

Bug: 1712140 Implement Declarative Shadow DOM

Specification: [whatwg/html] Add declarative Shadow DOM features

Platforms: All

Pref: dom.webcomponents.shadowdom.declarative.enabled

This feature is already shipping in both Blink and Webkit.

web-platform-tests: https://wpt.fyi/results/shadow-dom/declarative

--
You received this message because you are subscribed to the Google Groups "dev-pl...@mozilla.org" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dev-platform...@mozilla.org.
To view this discussion on the web visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/bea4a8e4-d06d-4708-ab03-8600cdda8eecn%40mozilla.org.

[Thomas Wisniewski]

I wonder if for the declarative case, the source location could be stored with/for the template at parse time, as it is being removed?

To view this discussion on the web visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAERejNYJHBjXBdBWs6arL3O8bvO6zaxvhQ9i_pUDC4CCqY5XVg%40mail.gmail.com.