[Menu] Cannot select menu item via enter key when rendered as link

[heychazza]

Bug report

Current behavior

When selecting a menu item that contains a link, for example using a Link component from Inertia.js's Link component, or react-routers, it just closes the menu and doesn't actually go to it. This works fine if you select it with your mouse just not via the enter key.

Expected behavior

I'd expect it to go to the url selected upon pressing the enter key, as it works fine when using the enter key.

Reproducible example

Link to a StackBlitz (You'll need to open the full preview to see the url change).

Base UI version

v1.0.0-alpha.4

Which browser are you using?

Safari, but not relevant here.

Which OS are you using?

Mac OS, but not relevant here.

Which assistive tech are you using (if applicable)?

N/A

Additional context

The browser shows the url at the bottom but it just closes the menu instead of executing the link.

[atomiks]

@mj12albert This event.preventDefault() for useButton is the cause

base-ui/packages/react/src/use-button/useButton.ts

Line 78 in 38f77b6

event.preventDefault();