Skip to content

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

Closed
@jtoaha

Description

@jtoaha

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions