Autodesk / Autodesk/react-base-table
Keyboard tabbing order issue
- 主要言語
- 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