ShadowRoot: clonable プロパティ

clonable は ShadowRoot インターフェイスの読み取り専用プロパティで、シャドウルートが複製可能であれば true を返し、そうでなければ false を返します。

値が true の場合、Node.cloneNode() または Document.importNode() で複製されたシャドウホストにはシャドウルートのコピーが含まれます。

既定値は false です。 true に設定するには、Element.attachShadow() メソッドの clonable オプションを使用するか、またはシャドウルートを宣言的に関連付ける使用される <template> 要素の shadowrootclonable 属性を設定します。

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

shadowRoot.clonable;
// true