Когда я помещаю фокусируемый элемент в теневой DOM, OSX Safari не включает его в последовательность вкладок (в отличие от всех других браузеров). Кнопка видима, активна, но недоступна для пользователей клавиатуры. Это известная ошибка? Есть ли способ справиться с этим, кроме как сделать вкладку компонента компонентной и переадресовывать фокус (что кажется довольно грубым)?
Вот как выглядит минимальный пример в консоли Safari
<div class="host">
Shadow Content (Open)
<button>Click me</button>
</div>
, которую я создал В этом примере вызывается .attachShadow({"mode": "open"}) на div.host, а затем устанавливается .shadowRoot.innerHTML на "<button>Click me</button>"
. У меня возникла эта проблема в компонентах, которые я создал. Я протестировал приведенный выше пример в Chrome, и кнопка включена в последовательность вкладок, как и ожидалось.