diff --git a/src/renderer/features/player/components/right-controls.tsx b/src/renderer/features/player/components/right-controls.tsx index 9b34f820..f79062bd 100644 --- a/src/renderer/features/player/components/right-controls.tsx +++ b/src/renderer/features/player/components/right-controls.tsx @@ -227,6 +227,9 @@ export const RightControls = () => { iconProps={{ size: 'lg', }} + onClick={(e) => { + e.stopPropagation(); + }} size="sm" tooltip={{ label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }), @@ -268,7 +271,10 @@ export const RightControls = () => { fill: currentSong?.userFavorite ? 'primary' : undefined, size: 'lg', }} - onClick={() => handleToggleFavorite(currentSong)} + onClick={(e) => { + e.stopPropagation(); + handleToggleFavorite(currentSong); + }} size="sm" tooltip={{ label: currentSong?.userFavorite @@ -283,7 +289,10 @@ export const RightControls = () => { iconProps={{ size: 'lg', }} - onClick={handleToggleQueue} + onClick={(e) => { + e.stopPropagation(); + handleToggleQueue(); + }} size="sm" tooltip={{ label: t('player.viewQueue', { postProcess: 'titleCase' }), @@ -297,7 +306,10 @@ export const RightControls = () => { color: muted ? 'muted' : undefined, size: 'xl', }} - onClick={handleMute} + onClick={(e) => { + e.stopPropagation(); + handleMute(); + }} onWheel={handleVolumeWheel} size="sm" tooltip={{