2012-01-03 4 views
1

Недавно я обнаружил элемент <details>. Хотя support is limited, это кажется довольно интересным.Как я могу использовать клавиатуру элемента ?

Есть одна серьезная проблема: это не клавиатура. Другими словами, в элемент нельзя добавить TAB. Кажется, он не получает фокуса, поэтому требуется щелчок мышью, чтобы показать <summary>.

  • Есть ли способ сделать эту клавиатуру доступной?
  • Возможно, это ошибочная реализация webkit или это так, как он разработан?

Demo (WebKit только): http://jsfiddle.net/rkq3M/

+0

Фокус достаточно легко добавить. Просто привяжите атрибут tabindex = 0 к элементу. К сожалению, на самом деле это не помогает, поскольку JS не может открыть или закрыть элемент. Я боюсь, что это курс для Webkit, где доступность всегда кажется запоздалой. При всей критике IE Microsoft всегда относилась к доступности серьезно. – Alohci

+0

Я вижу, спасибо Алочи. Похоже, что подача отчета об ошибке была правильной процедурой. Слишком плохо 'tabindex' не помогает. Однако я должен признать, что поведение этого элемента кажется слишком хорошим, чтобы быть правдой или совсем не похоже ни на какой другой элемент; почти как '' но семантический. Как будто кто-то слишком поздно вставал с этой идеей. –

+0

Да, может быть. [Мой собственный взгляд на элемент можно найти здесь] (http://html5doctor.com/the-details-and-summary-elements/#comment-17101) – Alohci

ответ

3

Для такого рода вопрос, я бы рекомендовал повысить ошибку на странице проекта WebKit:

https://bugs.webkit.org/

Имейте в виду, что детали элемент является новым и еще нуждается в уточнении, поэтому его нужно исправлять в WebKit, вместо того, чтобы пытаться полипировать исправление только для вашей конкретной реализации.

+1

Это более или менее то, что я понял: слишком рано, чтобы точно сказать, как должен себя вести этот элемент, но я также подумал, что может быть какой-то способ справиться с фокусом, который я просматривал, и что взломать/полифонировать на самом деле не понадобится , Хорошо, я принял ваш совет и подал сообщение об ошибке: https://bugs.webkit.org/show_bug.cgi?id=75478 –

+0

@Madmartigan хорошая работа, поднимающая ошибку - такие важные вопросы. – Fenton

Смежные вопросы