Autodesk / Autodesk/react-base-table
Keyboard tabbing order issue
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.5k
- Forks
- 170
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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"
Beitragsleitfaden
Rechercherichtung
Beginne mit der verlinkten CodeSandbox, um die Tabulator-Reihenfolge nachzustellen, und durchsuche dann die Codebasis nach dem Kommentar dazu, den Header nach dem Body zu platzieren und die Darstellungsreihenfolge mit CSS umzukehren. Verfolge das Markup von Tabellen-Header und -Body, ermittle, warum sich die Tastaturreihenfolge von der visuellen Reihenfolge unterscheidet, und verifiziere, dass Header-Zellen vor Body-Zellen erreichbar sind, ohne das Styling des Header-Schattens zurückzusetzen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- accessibility, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100