Autodesk / Autodesk/react-base-table
Unable to tab through the header elements before the body of the table
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 170
- PR merge metrics
- No merged PRs in 30d
Description
Hey,
I'm having an issue trying to use TAB to each access the header of the table before the the body. I believe this is caused by the way the table is rendered. In the image, the element for the body of the table with classname "BaseTable_body" is rendered before the header element with classname "BaseTable_header". Is there a work around so the header is rendered above the body of the table so we can use the TAB key to access the header cells before the body of the table?
Contributor guide
Research direction
Reproduce the table and use TAB while inspecting the rendered DOM, focusing on the elements with class names BaseTable_body and BaseTable_header. Trace how the table is rendered and verify that the header appears before the body in document order and that header cells are reachable before body cells.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100