fix click propagation on right controls

This commit is contained in:
jeffvli 2025-07-08 00:46:50 -07:00
parent e28dad3f84
commit 2d9176cd21

View file

@ -227,6 +227,9 @@ export const RightControls = () => {
iconProps={{ iconProps={{
size: 'lg', size: 'lg',
}} }}
onClick={(e) => {
e.stopPropagation();
}}
size="sm" size="sm"
tooltip={{ tooltip={{
label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }), label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }),
@ -268,7 +271,10 @@ export const RightControls = () => {
fill: currentSong?.userFavorite ? 'primary' : undefined, fill: currentSong?.userFavorite ? 'primary' : undefined,
size: 'lg', size: 'lg',
}} }}
onClick={() => handleToggleFavorite(currentSong)} onClick={(e) => {
e.stopPropagation();
handleToggleFavorite(currentSong);
}}
size="sm" size="sm"
tooltip={{ tooltip={{
label: currentSong?.userFavorite label: currentSong?.userFavorite
@ -283,7 +289,10 @@ export const RightControls = () => {
iconProps={{ iconProps={{
size: 'lg', size: 'lg',
}} }}
onClick={handleToggleQueue} onClick={(e) => {
e.stopPropagation();
handleToggleQueue();
}}
size="sm" size="sm"
tooltip={{ tooltip={{
label: t('player.viewQueue', { postProcess: 'titleCase' }), label: t('player.viewQueue', { postProcess: 'titleCase' }),
@ -297,7 +306,10 @@ export const RightControls = () => {
color: muted ? 'muted' : undefined, color: muted ? 'muted' : undefined,
size: 'xl', size: 'xl',
}} }}
onClick={handleMute} onClick={(e) => {
e.stopPropagation();
handleMute();
}}
onWheel={handleVolumeWheel} onWheel={handleVolumeWheel}
size="sm" size="sm"
tooltip={{ tooltip={{