bug(react/Menu): Hitting enter on MenuButton does not trigger the menu to open

[hbuchel]

Before creating a new issue, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have tried disabling all browser extensions or using a different browser
• I have tried deleting the node_modules folder and reinstalling my dependencies
• I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

React

Which UI component?

Primitive components

How is your app built?

Next.js

What browsers are you seeing the problem on?

No response

Which region are you seeing the problem in?

No response

Please describe your bug.

If you hit enter on any of the Menu elements it does not trigger the open functionality. In the first example, it triggers the onClick from the first MenuItem, alert('Download'). The MenuButton should be toggle-able with space or enter https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/#keyboard_interaction

The Radix component used as the base for this component works correctly https://www.radix-ui.com/primitives/docs/components/dropdown-menu#accessibility

What's the expected behaviour?

Hitting enter on the MenuButton should toggle the menu.

Help us reproduce the bug!

Hit enter on any of the menu buttons on the Docs page for Menu https://ui.docs.amplify.aws/react/components/menu

Code Snippet

// Put your code below this line.

Console log output

No response

Additional information and screenshots

No response