[Bug]: Required usage of arrow keys in drop down "MENU"

[TishamIslam]

Contact Details

No response

What happened?

The navigation dropdown menu, shown below, needs to be navigable with arrow keys in order to be accessible, as per our (Secure Client Hub) accessiblity review.

Details provided by the review:

Drop-down lists: Check that after you tab into a drop-down list, you can use the arrow keys to move through all the options without triggering an action. (A common problem for drop-downs used for navigation is that as soon as you arrow down, it automatically selects the first item in the list and goes to a new page — you cannot get to other items in the list.)

Tab to the menu
press enter to open the menu
use arrow keys to navigate in the menu.
Notice that you can not navigate in the menu using the arrow keys. (you can tab through the list though)

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

Environment

- OS:
- Node:
- npm: