How to skip span elements while tabbing thru a JSF view's form
I have a form in a xhtml file that while I tab thru the fields, the focus goes to a <span> element which is rendered from a custom JSF tag. This is an expand/collapse section header. I don't want the focus to stop there at all.
I have tried the following to no avail:
1) disabled="true"
2) tabindex="0"
3) tabindex="-1"
4) onfocus="this.blur();" <-- the onfocus event doesn't fire as this is rendered as a <span/> tag (not an input field)
None of these attempted solutions worked apparently b/c the <span> element is not an inputtable field. What is the best solution for this problem?
Must I dynamically set the tabindex attributes for all of the fields, thus bypassing the <span> elements? This is difficult to do with getter methods and counters in a backing bean as the getters are called X times throughout the JSF lifecycle.
thx.