search

Capgemini / dcx-react-library

React Library UI/UX agnostic
https://main--6069a6f47f4b9f002171f8e1.chromatic.com
MIT License
113 stars 7 forks source link

AutoComplete: accessibilty using tab and up/down #436

Closed brightpixels closed 1 year ago

brightpixels commented 1 year ago

Describe the bug Items from the Autocomplete drop down can't be selected/navigated with tab and up/down arrows. Our client has highlighted this as an issue since the current autocomplete works with tab and up/down arrows.

To Reproduce Steps to reproduce the behaviour:

  1. Add the AutoComplete component in a React app
  2. Attempt to select/navigate items from the drop down with tab and up/down arrows.

Expected behaviour Items from the Autocomplete drop down to be selected/navigated with tab and up/down arrows.

daniele-zurico commented 1 year ago

the component already offer the functionality please do this:

resultActiveClass="autocomplete__option--focused"