search

AlaskaAirlines / auro-select

Combo custom element containing pre-defined trigger options with menu in the dropdown panel
https://auro.alaskaair.com/components/auro/select
Apache License 2.0
2 stars 0 forks source link

Keyboard Navigation: Navigating values using keyboard values (Accessibility issue) #141

Open danhiel opened 1 year ago

danhiel commented 1 year ago

Describe the bug

When navigating the values inside of the menu list, the menu does not refocus with the selected values.

auro-select-keyboard-navigate-refocus

To Reproduce

Steps to reproduce the behavior:

  1. Go to any website containing a scrollable auro-select.
  2. Click on the component
  3. Navigate around using keyboard keys
  4. See error

Expected behavior

The menu should scroll along with what is being navigated to.

Desktop (please complete the following information):

blackfalcon commented 1 year ago

I am updating this to be a feature versus a bug as the current implementation of the auro-select element does not directly support the size reduction of the dropdown bib. As a result, the feature to scroll through the items at a reduced size is not supported.

This issue has been brought up with the team and it will be reviewed ASAP to be included in an upcoming sprint.

blackfalcon commented 1 year ago

As part of the scope of this update, we should include a demo example of a shortened bib and the ability to scroll through the options via the up/down arrow keys.