HTML Tag Reference

shadowrootdelegatesfocus 属性

delegatesFocus を設定する

shadowrootdelegatesfocus 属性は、template 要素に付与することで、delegatesFocus を設定します。

shadowrootdelegatesfocus 属性は論理属性です。

通常、フォーカスは文書の要素間を直接移動しますが、delegatesFocus が true に設定されているシャドウ DOM が存在する場合、そのシャドウホストにフォーカスが移動すると、内部のフォーカス可能な要素（例えば、入力フィールドやボタンなど）に自動的にフォーカスが移動します。

shadowrootdelegatesfocus 属性の仕様

この属性を使用できる要素

shadowrootdelegatesfocus 属性のサンプルソース

<template shadowrootmode="open" shadowrootdelegatesfocus>
  <style>h2 { color: blue; }</style>
  <h2>shadow content</h2>
  <button type="button">shadow content button</button>
</template>

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。