Firefox122: Add clonable attribute to ShadowRoot

[pepelsbey]

Summary

Added new attachShadow clonable option and ShadowRoot clonable attribute per updated DOM spec:

• Available since Firefox Nightly 122
• Not available in Safari (it’s complicated, see below)
• Not available in Chrome Canary

Safari

⚠️ It is available in Safari but with a different spelling:

• Since Safari 16.4 as an option
• Since Safari TP 186 as an attribute

There’s a mistype in Safari’s implementation: it should be clonable per spec, not cloneable, in both cases. I made it false for now, and I will get back once it’s fixed.

WPT agrees: clonable.window.html

Test results and supporting details

How I tested support in the DevTools console:

const host = document.createElement('div');
const shadowRoot = host.attachShadow({mode: 'open', clonable: true});
shadowRoot.clonable;

• Add ShadowRoot clonable attribute whatwg/dom#1237
• Bugzilla: Add ShadowRoot::clonable
• WebKit: Add ShadowRoot clonable attribute
• WebKit: ShadowRoot/Init's "cloneable" is different from the spec's "clonable"
• WPT: clonable.window.html

Related issues

• [WebAPI] Add ShadowRoot::clonable content#31108

[skyclouds2001]

specific as an alternative_name, maybe

like

[pepelsbey]

specific as an alternative_name, maybe

Nice idea! Still, I’d wait for them to rename it since it won’t be shipped in production.

[Elchi3]

As discussed in the BCD call yesterday

[pepelsbey]

As discussed in the BCD call yesterday

Thanks!

[Elchi3]

Thanks! 👍