This is relating to an HTML (Browser) app and not a mobile app so like all such apps you can tab or back-tab between input fields, buttons, etc. By default
By default you can tab between each item/element. HTML5 supports markup for "tabindex" where the number tells the browser what order the tab follows around the screen and a negative value prevents a tab stopping there.
By question arose because there does not appear to be any logic by which the tab follows on the attached screen shot. It goes Employee - Date - Hours - etc. when I would have expected it to go Employee-Scheme-Category etc. based on the order of the and elements. See http://webcheatsheet.com/HTML/control...
However to control it you need to specify the tab order either by item or using jQuery to set by some attribute. See here:
http://stackoverflow.com/questions/15...
This feature will allow me to do it myself but perhaps you could consider making the IDE support an easier way to set/change the tabindex for each item?
Maybe have a "Tab order" button at the top of the screen next to "XS SM MD LG" and then when you click it to go into tab order mode and then as you click each element it numbers them 1,2,3 and so on. An option to "clear all" would also be nice.
Just an idea...
Note #1: the number on the image refer to the input field and NOT the label. All labels or non-input fields should really be set to tabindex=-1 by default IMHO. Why would you want to tab to a label
Note #2: I tried adding a property of "tabindex" set to 1,2,3,4,etc. on each input field and it didnt work as expected. I then changed this to the table cell instead and that improved things but it wasnt perfect. In theory HTML5 supports this on ANY element. I will post an update if I find a better solution.
