Expected user experience, based on accessibility specs:
- User can use tab to navigate to a Select component
- User can tap Enter to open the SelectMenu component
- User can use the up and down arrows to navigate the options within the Select Menu. Technically they are still focused on the Select component, and the up and down arrow keyup events are handled within the Select component.
- User can tap Enter to select an option within the SelectMenu (again, handled in the Select component)
This functionality was all working when we initially built the Select component, but item 3—the up and down arrow keys—no longer work for navigating the options. Instead, they cause the page to scroll.
Acceptance criteria:
- All of the above keyboard navigation methods work as described