Autodesk / Autodesk/react-base-table

Unable to tab through the header elements before the body of the table

Open
#381 0 comments 0 reactions 0 assignees View on GitHub
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?

image

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.