Flipswitch widget and tab key

[DickvdBrink]

Tabbing from an input to the new flipswitch widget doesn't really work.
Tabbing to the (deprecated) slider widget does work as expected.

Example:
http://jsfiddle.net/P68fy/1/

Note: A lot of demo's have a header where they say it is using a flipswitch widget, but the deprecated slider is used instead.

[arschmitz]

Thank you for reporting this what exactly do you mean by you cant tab to it? i can tab to the all controls in your demo though the tab order does seem to be incorrect.

[arschmitz]

also see http://demos.jquerymobile.com/1.4.0/flipswitch/ it contains MANY flipswitchs all of which are tabbable in the correct order.

[DickvdBrink]

What i mean is that when I'm on the input, the first tab key moves it to the flipswitch input, instead of the flipswitch button.

Note: When you click the flipswitch button, you can move it with the left/right key but not when tabbing to (from the input)

The demo link you gave is correct, the tab key does work, but only when clicking the flipswitch the first time. After clicking all the other buttons (the view source buttons) are skipped when using the tab key.

[gabrielschulhof]

@arschmitz I can copy the reassign-tabindex-from-input-to-widget code from slider.

[gabrielschulhof]

@arschmitz https://github.com/jquery/jquery-mobile/blob/master/js/widgets/forms/slider.js#L100-L107

[arschmitz]

@gabrielschulhof we should do that however i dont think thats the issue here because there is no explicitly set tabindex

[gabrielschulhof]

@arschmitz that doesn't mean the input is not tabbable. IINM, it is getting focus, but the focus is not being transferred to the visible parts of the widget.

[gabrielschulhof]

@arschmitz So the focus-transferring code still needs to be there.

[DickvdBrink]

Note: The flipswitch widget is setting tabindex to 1, for the button by default.
see: https://github.com/jquery/jquery-mobile/blob/master/js/widgets/forms/flipswitch.js#L93

[gabrielschulhof]

@DickvdBrink Yeah, it's currently hard-coded. We'll make that nicer by copying the code I referred to above to the flipswitch widget.