Gehen Sie in einem Webkit-Browser zu dieser ultra-einfachen Geige und klicken Sie auf eine der Eingaben:
<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>
Beachten Sie dann, dass Sie mit der Tastatur mit der TabTaste sowohl durch die Eingaben als auch durch die Links navigieren können (und Shift+ Tab, um in umgekehrter Reihenfolge zu navigieren).
Schauen Sie sich jetzt dieselbe Geige in Firefox unter Mac OS an und machen Sie dasselbe. Die Eingänge erhalten den Fokus, aber die Links erhalten keinen Fokus. Es ist kein CSS-Anzeigeproblem. Der Fokus springt von der letzten Eingabe in die URL-Leiste.
Ich habe endlose Kombinationen von tabindex
Deklarationen im Markup ausprobiert und ohne Erfolg, z.
Was zum Teufel ist hier los? Ich werde jede Antwort akzeptieren, die hat:
a) eine Geige, die in Firefox arbeitet
b) eine Erklärung, was genau hier in Mozillas Kopf vor sich geht. Es scheint der Spezifikation zu widersprechen .
tabindex
s zu löschen undtabindex="-1"
alle und nur die Links zu setzen. Ich habe keinen Zugriff auf FF zum Testen.