Skip to content

Add roving focus and arrow-key navigation to the notification dropdown #684

Description

@Austinaminu2

Description

Opening the notification dropdown in `components/layout/notification-bell.tsx:88-124` doesn't move focus into it, and there's no way to arrow through notification items — only Escape (which returns focus to the trigger) is currently handled.

Location

`components/layout/notification-bell.tsx:88-124`

Task

On open, move focus to the first notification item (or the panel itself), and add Up/Down arrow-key navigation between notification items, following standard menu/listbox keyboard patterns.

Good for contributors because

Well-defined keyboard interaction pattern (common in menu/dropdown components) with existing examples to reference from accessibility guidelines.

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programfrontendNext.js frontendhelp wantedExtra attention is neededuxUser experience improvement

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions