Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。
Web Components Limited support

Scoped custom element registries

スコープ付きカスタム要素レジストリにより、Shadow DOM ごとに独立したカスタム要素の名前空間を持てます。名前衝突を回避できます。

Web Components

概要

スコープ付きカスタム要素レジストリにより、Shadow DOM ごとに独立したカスタム要素の名前空間を持てます。名前衝突を回避できます。

対応ブラウザ

デスクトップ

Chrome 146+
Edge 146+
Safari 26+
Firefox 未対応

モバイル

Chrome Android 146+
Safari iOS 26+
Firefox Android 未対応

基本構文

JAVASCRIPT 
const registry = new CustomElementRegistry();
registry.define('my-el', MyElement);
const shadow = host.attachShadow({
  mode: 'open',
  registry
});

実務での使いどころ

  • Scoped custom element registries の活用

    スコープ付きカスタム要素レジストリ。Shadow DOMごとに独立した要素登録を可能にする。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク