Autodesk / Autodesk/react-base-table

Keyboard tabbing order issue

オープン
#316 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
1.5k
フォーク
170
PR マージ指標
30日以内にマージされた PR はありません

説明

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"

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされたCodeSandboxから始めてタブ移動の順序を再現し、次にコードベースで、headerをbodyの後に配置し、CSSで表示順序を逆にすることについてのコメントを検索します。テーブルのheaderとbodyのマークアップを追跡し、キーボード操作の順序が視覚的な順序と異なる理由を特定し、headerのセルがbodyのセルより先に到達可能であることを、headerの影のスタイリングを後退させずに確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
accessibility, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。