Issue with Tab Navigation in Table

Mark Kimbrell:
I’m running into an issue with suppressing tab navigation in a table. In brief, I have some non-editable fields which should not be tabbable. According to the vue-tables-2 docs there’s an option for this, but all fields remain tabbable when I set it to false. Is FMBF possibly overriding this option? Or is there some other problem?

image

image


Delfs:
I would imagine that you could apply a CSS class with perhaps a tailwind arbitrary value to prevent tabbing to each column


Mark Kimbrell:
Not sure how this could be achieved via CSS, since tabindex is its own attribute in the <td> element. This jsfiddle demonstrates the option working with vue-table-2 directly (by setting tabindex to -1 instead of 0). What would prevent BF from passing this option up to the table?

image


Delfs:
correct, I was thinking cursor events.

see this example:
https://examplesdev.fmbetterforms.com/#/form/F271A3C0-9F8B-44EA-891A-513A37C3EE96

it is using bf-staging basecode which has an updated table element think


Delfs:

image


Mark Kimbrell:
Okay, cool I see it working there. Any idea when this might deploy to bf-latest?


Delfs:
bf-staging is safe to use, when it deploys to latest we will move your app with it.
prob in about a month


Delfs:
New features etc lead there first and trickle down