[Accessibility]: Global `Menu`: Focus isn't correctly captured when menus are opened

Created by: umpox

Audit type

Keyboard navigation

User journey audit issue

No response

Problem description

We're having issues when opening menus where it isn't obvious where the focus is, and requires additional steps to select certain items.

For example, see how it isn't immediately obvious in our Menu component from Storybook:

Expected behavior

When opening a menu with a keyboard, the first item should always be focused.

See this example: https://w3c.github.io/aria-practices/examples/menu-button/menu-button-links.html

Additional details

Related issues:

• https://github.com/sourcegraph/sourcegraph/issues/35160
• https://github.com/sourcegraph/sourcegraph/issues/35119
• https://github.com/sourcegraph/sourcegraph/issues/35113

Assigning labels

• Please give this issue an estimate by applying a label like estimate/Xd, where X is the estimated number of days it will take to complete.
• If this issue is specific to a specific Sourcegraph product, please assign the appropriate team label to this issue.
• If this issue will require input from designers in order to complete, please assign the label needs-design.
• If you are confident that this issue should be fixed by GitStart, please assign the label gitstart.

Owner

This issue will be fixed by GitStart. I have assigned the label 'gitstart' and added the assignee 'gitstart-sourcegraph'.