From 7cc5ccd2c591302ab47c38b6a4575e78768a673b Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 23 Nov 2025 17:15:38 -0800
Subject: [PATCH] fix item card control navigation again

---
 .../components/item-card/item-card-controls.tsx      | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/renderer/components/item-card/item-card-controls.tsx b/src/renderer/components/item-card/item-card-controls.tsx
index 3f6e9cdd7..15a2ca19e 100644
--- a/src/renderer/components/item-card/item-card-controls.tsx
+++ b/src/renderer/components/item-card/item-card-controls.tsx
@@ -378,12 +378,18 @@ const PlayButton = memo(
             longPressHandlers.onMouseDown?.(e);
         };
 
+        const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+            e.stopPropagation();
+            e.preventDefault();
+        };
+
         return (
             <button
                 className={clsx(styles.playButton, styles.primary, {
                     [styles.disabled]: disabled,
                 })}
                 disabled={disabled}
+                onClick={handleClick}
                 onMouseDown={handleMouseDown}
                 onMouseLeave={longPressHandlers.onMouseLeave}
                 onMouseUp={longPressHandlers.onMouseUp}
@@ -431,12 +437,18 @@ const SecondaryPlayButton = memo(
             longPressHandlers.onMouseDown?.(e);
         };
 
+        const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+            e.stopPropagation();
+            e.preventDefault();
+        };
+
         return (
             <button
                 className={clsx(styles.playButton, styles.secondary, className, {
                     [styles.disabled]: disabled,
                 })}
                 disabled={disabled}
+                onClick={handleClick}
                 onMouseDown={handleMouseDown}
                 onMouseLeave={longPressHandlers.onMouseLeave}
                 onMouseUp={longPressHandlers.onMouseUp}