Force Safari to recognize tabindex on anchor tags

570 views Asked by At

Background: We are using a jQuery plugin, jqTransform to skin our website. The problem is that jqTransform converts certain input elements into anchor tags, and Safari refuses to tab over anchor tabs. Illustrated below:

Chrome: enter image description here

Safari: enter image description here

Question: Is there a workaround to force Safari to tab over an element?

1

There are 1 answers

0
Giacomo1968 On BEST ANSWER

There is a discussion thread here on the official jqTransform GitHub page. Initial report from helgatheviking:

Radio, checkbox and select elements all ignore assigned tab-indices once they've been transformed with the plugin, even though the tax-indices are still in the markup according to firebug

tabbing between text inputs and textareas is fine, but will skip over any radios, checkboxes or selects.

Only advice seems to be to abandon jqTransform and move to something else. The user jcamenisch reports:

@helgatheviking, have you checked out DropKick? It looks like it already supports tab index. I'm looking it over and considering switching.