Skip to content
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

Children items in Dropdown menus should receive keyboard focus #611

Open
HaSistrunk opened this issue Jun 14, 2023 · 0 comments
Open

Children items in Dropdown menus should receive keyboard focus #611

HaSistrunk opened this issue Jun 14, 2023 · 0 comments
Labels
bug Something isn't working

Comments

@HaSistrunk
Copy link
Member

Describe the bug

Dropdown menu items do not receive keyboard focus when navigating the dropdown menus with a keyboard.

To reproduce

Steps to reproduce the behavior:
For the MyListDropdown component:

  1. Go to 'My List' page on mobile
  2. Tab to select 'Actions' button
  3. Press 'Enter' or 'Space' to open menu
  4. See that first item is not selected and down arrow keys do not select/focus on dropdown items.

Expected behavior

Focusable elements should receive keyboard focus just as shown in the React Accessible Dropdown Menu Hook demo.

Additional context

The NavDropdown component items do receive focus via the Tab key, which works ok but does not follow the expected pattern of using arrow keys.

@HaSistrunk HaSistrunk added the bug Something isn't working label Jun 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant