Skip to content

Add dropdown keyboard accessibility #5728

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

eelikivi
Copy link

@eelikivi eelikivi commented Jul 3, 2025

Linked issue: #5609

Problem
The year and month dropdowns are not accessible via keyboard. The dropdown toggles cannot be focused, and the dropdown options cannot be navigated using arrow keys or selected with the Enter key.

Changes

  • Changed the dropdown read view components from div to button to allow keyboard focusing.
  • Added keyboard support for dropdown option components. Arrow keys can now be used to navigate the list, and the Enter key can be used to select an option.

Contribution checklist

  • I have followed the contributing guidelines.
  • I have added sufficient test coverage for my changes.
  • I have formatted my code with Prettier and checked for linting issues with ESLint for code readability.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant