Как можно использовать tabindex в компоненте Polymer, который используется на странице несколько раз?
В настоящее время у меня есть полимерный элемент, который содержит форму с несколькими различными полями. у меня есть tabindex
настройка элементов ввода, однако этот полимерный элемент повторяется 5 раз по всей странице.
Когда я использую tab для навигации, вместо того, чтобы сначала следовать tabindex внутри каждого компонента, он вместо этого переходит к tabindex
1 для каждого компонента. Затем все табиндекс 2 и т. Д. Есть ли какой-нибудь способ для tabindex быть инкапсулированным с / в shadow dom?
1 ответ
Решение
Возможно, вы захотите увидеть раздел "7.2 Focus Navigation" в спецификации Shadow DOM. http://w3c.github.io/webcomponents/spec/shadow/
Tabindex должен быть ограничен в каждом дереве узлов. Google Chrome уже поддерживает это. Я реализовал это.:)
- Если вы обнаружите какое-либо неожиданное поведение в реализации, пожалуйста, сообщите об ошибке в Chrome: http://crbug.com/
- Если вы обнаружили проблему для спецификации, пожалуйста, отправьте сообщение об ошибке для спецификации: нажмите кнопку "сообщить об ошибке", отображаемую в верхнем правом углу в спецификации Shadow DOM.