我注意到，如果tabindex属性在带有delegatesFocus: true的shadow DOM中的任何地方使用，双击文本选择对其他元素都不起作用。我可以在Chrome或Edge中重现这一点。

不工作-tabindex和delegatesFocus: true

<div id="app-root"></div>

<script>
document.querySelector('#app-root').attachShadow({mode: "open", delegatesFocus: true}).innerHTML =
    "<div>Unable to highlight by double clicking</div>\n" +
    "<div tabindex=\"0\">Highlights on double click</div>\n"
</script>

字符串

工作-tabindex和delegatesFocus: false

<div id="app-root"></div>

<script>
document.querySelector('#app-root').attachShadow({mode: "open"}).innerHTML =
    "<div>Unable to highlight by double clicking</div>\n" +
    "<div tabindex=\"0\">Highlights on double click</div>\n"
</script>

型

工作-无tabindex和delegatesFocus: true

<div id="app-root"></div>

<script>
document.querySelector('#app-root').attachShadow({mode: "open", delegatesFocus: true}).innerHTML =
    "<div>Unable to highlight by double clicking</div>\n" +
    "<div>Highlights on double click</div>\n"
</script>

型
我对shadow DOM的使用是否不正确？