Autodesk / Autodesk/react-base-table

Keyboard tabbing order issue

Offen
#316 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
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

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.