Keyboard tabbing order issue

Autodesk / react-base-table

A react table component to display large datasets with high performance and flexibility

https://autodesk.github.io/react-base-table/

MIT License

1.5k stars 165 forks source link

Keyboard tabbing order issue #316

Open bjoe87 opened 3 years ago

bjoe87 commented 3 years ago

Noticing that if you have a tab index in the header cells and the body cells you need to go through the whole table body cells before you are able to navigation to the header cell. https://codesandbox.io/s/react-base-table-forked-ujr0o

Looking through the codebase it seems like this markup order change was related to a styling issue. " // put header after body and reverse the display order via css // to prevent header's shadow being covered by body"

berziiii commented 2 years ago

I second this. I have a workaround leveraging patch-package to change back the ordering to have the <Header .. /> render first, then the <Grid ... /> but if we're able to change this so the header appears in order for ADA purposes that would be great :)