Theclonable read-only property of theShadowRoot interface returnstrue if the shadow root is clonable, andfalse otherwise.

When the value istrue, a shadow host cloned withNode.cloneNode() orDocument.importNode() will include a copy of the shadow root.

By default the value isfalse.It can be set totrue using theclonable option of theElement.attachShadow() method or by setting theshadowrootclonable attribute of the<template> element that is being used to declaratively attach a shadow root.

Value

true if the shadow root is clonable, andfalse otherwise.

Examples

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

Specifications

Browser compatibility