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

Accessibility issue on Firefox: Can not tab out of Dropdown #2083

Closed
jtoaha opened this issue Jan 13, 2025 · 1 comment · Fixed by #2084
Closed

Accessibility issue on Firefox: Can not tab out of Dropdown #2083

jtoaha opened this issue Jan 13, 2025 · 1 comment · Fixed by #2084
Labels
bug Something isn't working

Comments

@jtoaha
Copy link

jtoaha commented Jan 13, 2025

Problem:

  • Dropdown is not keyboard-accessible. Can tab into it and select the different items. But can not tab out of it.
  • Works on Chrome, but not in Firefox

Reproduce issue:

  • Issue exists in the embedded Dropdowns in the documentation as well: https://carbon-components-svelte.onrender.com/components/Dropdown
    To Reproduce issue: Use a firefox browser (whether developer edition or regular). Tab through the page and you'll get stuck and not able to tab out of the Dropdowns.
    • It works on Google Chrome. Also, compared this to React's Carbon Component Dropdown. And it does not have the same issue.

Is there any discussion around getting a fix for this issue soon? As my current app uses this Dropdown quite a lot and we're trying to get the app to be accessible. Probably will switch over to the Select component for now bc of limited time. But am interested in any potential updates and discussions around this. Thank you.

@metonym
Copy link
Collaborator

metonym commented Jan 20, 2025

Fixed in v0.87.1

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
3 participants