fix(components): add stopPropagation to zoom buttons

Ticket: issue/MainLibrary-153 Reviewed-by: @MIGUELez11 Refs: #148
leemonade · Apr 26, 2024 · bb49cee · bb49cee
1 parent e32759a
commit bb49cee
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/components/src/overlay/ModalZoom/ModalZoom.js b/packages/components/src/overlay/ModalZoom/ModalZoom.js
@@ -19,7 +19,6 @@ const ModalZoom = ({ children, canPlay, opened, hideButton, onClose = noop, styl
       center.current?.call();
     }
   }, [opened]);
-
   return (
     <>
       {!hideButton && (
@@ -58,10 +57,20 @@ const ModalZoom = ({ children, canPlay, opened, hideButton, onClose = noop, styl
                 return (
                   <React.Fragment>
                     <Box className={classes.tools}>
-                      <Box onClick={() => zoomIn()}>
+                      <Box
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          zoomIn();
+                        }}
+                      >
                         <ZoomInIcon />
                       </Box>
-                      <Box onClick={() => zoomOut()}>
+                      <Box
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          zoomOut();
+                        }}
+                      >
                         <ZoomOutIcon />
                       </Box>
                     </Box>