Prevent navigation when clicking button/svg/path in LinkItem

Author: liuliu-dev

packages/react/src/ActionList/Item.tsx

@@ -65,11 +65,30 @@ const LinkItemContainerNoBox = React.forwardRef<HTMLAnchorElement, LinkItemConta
         hasUserOnClick: !!userOnClick,
         event: event.type,
         target: (event.target as HTMLElement)?.tagName,
+        defaultPrevented: event.defaultPrevented,
+        timestamp: Date.now(),
       })
-      onClick && onClick(event)
-      console.log('[LinkItemContainerNoBox] After Item onClick', {defaultPrevented: event.defaultPrevented})
-      userOnClick && userOnClick(event as React.MouseEvent<HTMLAnchorElement>)
-      console.log('[LinkItemContainerNoBox] After userOnClick', {defaultPrevented: event.defaultPrevented})
+      
+      // Check if click is on a button/svg/path (menu trigger) and prevent navigation immediately
+      const targetTag = (event.target as HTMLElement)?.tagName?.toLowerCase()
+      if (['button', 'svg', 'path'].includes(targetTag)) {
+        console.log('[LinkItemContainerNoBox] Click on button/svg/path detected, preventing default')
+        event.preventDefault()
+      }
+      
+      // Call Item's onClick first (handles selection logic)
+      if (onClick) {
+        console.log('[LinkItemContainerNoBox] Calling Item onClick')
+        onClick(event)
+        console.log('[LinkItemContainerNoBox] After Item onClick', {defaultPrevented: event.defaultPrevented})
+      }
+      
+      // Call user's onClick (NavList's onClick) if event not prevented
+      if (userOnClick) {
+        console.log('[LinkItemContainerNoBox] Calling userOnClick (NavList handler)')
+        userOnClick(event as React.MouseEvent<HTMLAnchorElement>)
+        console.log('[LinkItemContainerNoBox] After userOnClick', {defaultPrevented: event.defaultPrevented})
+      }
     }
     if (inactiveText) {
       return (