Перейдите к этой сверхпростой скрипке в браузере Webkit и щелкните один из входов:
<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>
Затем обратите внимание, что вы можете перемещаться с клавиатуры как по входам, так и по ссылкам, используя Tabклавишу (и Shift+ Tabдля навигации в обратном порядке).
Теперь посмотрите на ту же скрипку в Firefox в Mac OS и сделайте то же самое. Входные данные получают фокус, но ссылки не получают фокус. Это не проблема отображения CSS. Фокус переместится с последнего ввода на строку URL.
Я пробовал бесконечные комбинации tabindex
объявлений в разметке, но безрезультатно, например:
Что, черт возьми, здесь происходит? Я приму любой ответ, в котором есть:
а) скрипка, работающая в Firefox
б) объяснение того, что именно здесь происходит в голове Mozilla. Похоже, что это противоречит спецификации .
tabindex
s и поставитьtabindex="-1"
все и только ссылки. У меня нет доступа к FF для тестирования.Ответы:
Хорошо, кто-то мне это объяснил. Это проблема Mac. Mozilla верна настройкам операционной системы в Mac OS.
Со стороны пользователя есть два разных способа обойти это. Кажется, оба работают:
В « Системных настройках» → « Клавиатура» на панели « Горячие клавиши» установите флажок «Все элементы управления» внизу.
В Firefox введите "
about:config
" в адресной строке. Наaccessibility.tabfocus
Mac нет предпочтений, поэтому вам придется их сделать. Щелкните правой кнопкой мыши в окне, создайте новый "целочисленный" параметр и установите его на 7.Ни то, ни другое не является очевидным. Кроме того, ни одно из этих решений не является серверным решением для разработчиков, что разочаровывает.
источник
about:config
, Firefox наконец разрешил фокусировку вкладок. Спасибо!