Как можно использовать 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.
Другие вопросы по тегам