Skip to content

Autocomplete accessibility: can't navigate the drop down via keyboard keys + Clicking outside doesn't collapse/hide list #320

@brightpixels

Description

@brightpixels

Describe the bug

  • The Autocomplete list (when in JS is enabled), can't be navigated via keyboard buttons
  • The Autocomplete list when it's open/expanded (when in JS is enabled), can't be collapsed when user clicks outside the component.

To Reproduce
Steps to reproduce the behavior:

  1. Use the Autocomplete component in a React project and attempt to navigate the drop down list via keyboard keys or hide/collapse the drop down by clicking outside the component

Expected behavior
Autocomplete component to be accessible for keyboard users

Please follow the following instruction to create the new branch:

git checkout release/0.6
git pull
git checkout -b 'feature/autocomplete-accessible'

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions