Capgemini / dcx-react-library

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

Autocomplete doesn't auto scroll for filtered list on keydown #470

Closed peter-uzor-capgem closed 1 year ago

peter-uzor-capgem commented 1 year ago

Describe the bug The autocomplete component result scroll does not scroll when navigating using the arrow keys

To Reproduce Steps to reproduce the behavior:

  1. Go to Autocomplete
  2. Enter one letter to return options which exceed the size of the results container and would require scroll
  3. Tap the down arrow on the keyboard to proceed to the bottom options
  4. You will notice that the active option will go below out of view with the scroll not following

Expected behavior The active option should always be within view of he user. Therefore scroll should follow option selection on keydown

Screenshots

Screenshot 2023-05-05 at 10 05 03

Desktop (please complete the following information):

Additional context Add any other context about the problem here.

daniele-zurico commented 1 year ago

Closed by https://github.com/Capgemini/dcx-react-library/pull/472