fix(menu): open link menu triggers

packages/core/src/menu/menu-trigger.tsx

@@ -17,13 +17,15 @@ import {
 	JSX,
 	ValidComponent,
 	createEffect,
+	createMemo,
 	onCleanup,
 	splitProps,
 } from "solid-js";
 
 import * as Button from "../button";
 import { useOptionalMenubarContext } from "../menubar/menubar-context";
 import { PolymorphicProps } from "../polymorphic";
+import { createTagName } from "../primitives/create-tag-name";
 import { MenuDataSet, useMenuContext } from "./menu-context";
 import { useMenuRootContext } from "./menu-root-context";
 
@@ -107,6 +109,17 @@ export function MenuTrigger<T extends ValidComponent = "button">(
 			optionalMenubarContext.setLastValue(key);
 	}
 
+	const tagName = createTagName(
+		() => context.triggerRef(),
+		() => "button",
+	);
+
+	const isNativeLink = createMemo(() => {
+		return (
+			tagName() === "a" && context.triggerRef()?.getAttribute("href") != null
+		);
+	});
+
 	const handleClick = () => {
 		// When opened by click, automatically focus Menubar menus
 		optionalMenubarContext?.setAutoFocusMenu(true);
@@ -152,6 +165,14 @@ export function MenuTrigger<T extends ValidComponent = "button">(
 			return;
 		}
 
+		if (isNativeLink()) {
+			switch (e.key) {
+				case "Enter":
+				case " ":
+					return;
+			}
+		}
+
 		// For consistency with native, open the menu on key down.
 		switch (e.key) {
 			case "Enter":