ShadowRoot: clonable property

{{APIRef("Shadow DOM")}} 

The clonable read-only property of the {{domxref("ShadowRoot")}}  interface returns true if the shadow root is clonable, and false otherwise.

When the value is true, a shadow host cloned with {{domxref("Node.cloneNode()")}}  or {{domxref("Document.importNode()")}}  will include a copy of the shadow root.

By default the value is false. It can be set to true using the clonable option of the {{domxref("Element.attachShadow()")}}  method or by setting the shadowrootclonable attribute of the <template> element that is being used to declaratively attach a shadow root.

Value

true if the shadow root is clonable, and false otherwise.

Examples

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

shadowRoot.clonable;
// true

Specifications

{{Specifications}} 

Browser compatibility

{{Compat}}