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={{
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={{