Hi hi hi,
Another day, another free plugin… heeeeere’s err… Fix Tab Order (yes, it’s not a very imaginative name but hopefully easily searchable!)
This one fixes an issue that has annoyed me for a while - the totally terrible Tab order of input elements! When you create elements on a page in a random order, then have inputs within groups ( within groups (within groups) ) the tab order goes all over the place. This plugin should fix that issue.
In its simplest form you just need to drop the TabFix element somewhere on the page and then when you tab through elements they will magically tab through from top to bottom, ya know, like they should.
Within the plugin there are options on whether or not to include the below different object types:
- Text Inputs
- Multiline Text Inputs
- Search Boxes
- Date Inputs
- Radio Buttons
You can also specify elements or classes to exclude if there are any you need to skip over, eg. you could choose to include all inputs but then exclude just the text input with the ID ‘dontFocusOnMe’.
There is also the option to specify a completely custom order to tab over the inputs so only the specified inputs will be tabbed through and in the order specified.
UPDATE 1.1.0: Now able to change the frequency of the auto update of the element tab order (eg. to 2500ms) or even disable it altogether so that the routine will only run once on page load.
Note, If the auto-update option is disabled any inputs that aren’t visible at first page load or elements within repeating groups will not be included in the tab order when they become active.
This is to fix an issue present when using certain browsers (eg. Firefox) where some elements may flicker if the auto update is running, and as it is set to 200ms by default it is quite noticeable. Setting a longer timeout or disabling this function altogether fixes this issue.
Demo page: There isn’t one, I mean, do you really need to see a demo?
Plugin page: https://bubble.io/plugin/fix-tab-order-1595502384716x853477727762120700
Any issues let me know.