fix item card control navigation again

This commit is contained in:
jeffvli
2025-11-23 17:15:38 -08:00
parent 80419a1edf
commit 7cc5ccd2c5
@@ -378,12 +378,18 @@ const PlayButton = memo(
longPressHandlers.onMouseDown?.(e); longPressHandlers.onMouseDown?.(e);
}; };
const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
e.preventDefault();
};
return ( return (
<button <button
className={clsx(styles.playButton, styles.primary, { className={clsx(styles.playButton, styles.primary, {
[styles.disabled]: disabled, [styles.disabled]: disabled,
})} })}
disabled={disabled} disabled={disabled}
onClick={handleClick}
onMouseDown={handleMouseDown} onMouseDown={handleMouseDown}
onMouseLeave={longPressHandlers.onMouseLeave} onMouseLeave={longPressHandlers.onMouseLeave}
onMouseUp={longPressHandlers.onMouseUp} onMouseUp={longPressHandlers.onMouseUp}
@@ -431,12 +437,18 @@ const SecondaryPlayButton = memo(
longPressHandlers.onMouseDown?.(e); longPressHandlers.onMouseDown?.(e);
}; };
const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
e.preventDefault();
};
return ( return (
<button <button
className={clsx(styles.playButton, styles.secondary, className, { className={clsx(styles.playButton, styles.secondary, className, {
[styles.disabled]: disabled, [styles.disabled]: disabled,
})} })}
disabled={disabled} disabled={disabled}
onClick={handleClick}
onMouseDown={handleMouseDown} onMouseDown={handleMouseDown}
onMouseLeave={longPressHandlers.onMouseLeave} onMouseLeave={longPressHandlers.onMouseLeave}
onMouseUp={longPressHandlers.onMouseUp} onMouseUp={longPressHandlers.onMouseUp}