Bug Report
Description
Arrow key (Up/Down) navigation does not move focus between sidebar navigation items. Only Tab key moves focus. The useKeyboard hook handles arrow keys for list navigation in content views but the sidebar buttons don't participate in this pattern.
Steps to Reproduce
- Press Tab to focus the first sidebar button ("Overview")
- Press ArrowDown
- Focus stays on "Overview" instead of moving to "To Review"
Expected Behavior
ArrowDown should move focus to the next sidebar item, ArrowUp to the previous — following the roving tabindex pattern for toolbar/menu navigation.
Proposed Fix
Implement the roving tabindex pattern on sidebar nav items:
- Only the active/focused item has
tabindex="0"
- All other items have
tabindex="-1"
- Arrow keys move focus between items
- Home/End jump to first/last item
References
Files to Modify
src/components/Sidebar/Sidebar.tsx
src/components/Sidebar/NavItem.tsx
src/hooks/useKeyboard.ts — potentially extend for sidebar context
Bug Report
Description
Arrow key (Up/Down) navigation does not move focus between sidebar navigation items. Only Tab key moves focus. The
useKeyboardhook handles arrow keys for list navigation in content views but the sidebar buttons don't participate in this pattern.Steps to Reproduce
Expected Behavior
ArrowDown should move focus to the next sidebar item, ArrowUp to the previous — following the
roving tabindexpattern for toolbar/menu navigation.Proposed Fix
Implement the roving tabindex pattern on sidebar nav items:
tabindex="0"tabindex="-1"References
Files to Modify
src/components/Sidebar/Sidebar.tsxsrc/components/Sidebar/NavItem.tsxsrc/hooks/useKeyboard.ts— potentially extend for sidebar context