fix(*): Added stopPropagation on touchmove

laurenashpole · Jan 5, 2022 · 5005561 · 5005561
1 parent fd7dd97
commit 5005561
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,10 @@
 
 - This handy CHANGELOG.
 
+### Fixed
+
+- Added `stopPropagation` on touchmove to prevent events below fullscreen modal.
+
 ##  [2.1.0](https://github.com/laurenashpole/react-inner-image-zoom/compare/v2.0.3...v2.1.0) (2021-08-30)
 
 ### Added

diff --git a/src/InnerImageZoom/InnerImageZoom.js b/src/InnerImageZoom/InnerImageZoom.js
@@ -118,6 +118,7 @@ const InnerImageZoom = ({
   };
 
   const handleDragMove = useCallback((e) => {
+    e.stopPropagation();
     let left = (e.pageX || e.changedTouches[0].pageX) - imgProps.current.offsets.x;
     let top = (e.pageY || e.changedTouches[0].pageY) - imgProps.current.offsets.y;