Fix dragging of crop on touch devices in React 17+ (regression)

sekoyo · Jun 16, 2021 · 10525e4 · 10525e4
1 parent 19996db
commit 10525e4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/lib/ReactCrop.js b/lib/ReactCrop.js
@@ -222,7 +222,7 @@ class ReactCrop extends PureComponent {
     this.docMoveBound = false;
   }
 
-  onCropMouseTouchDown = e => {
+  onCropPointerDown = e => {
     const { crop, disabled } = this.props;
     const { width, height } = this.mediaDimensions;
     const pixelCrop = convertToPixelCrop(crop, width, height);
@@ -637,8 +637,7 @@ class ReactCrop extends PureComponent {
         ref={this.bindCropSelectionRef}
         style={style}
         className="ReactCrop__crop-selection"
-        onMouseDown={this.onCropMouseTouchDown}
-        onTouchStart={this.onCropMouseTouchDown}
+        onPointerDown={this.onCropPointerDown}
       >
         {!disabled && !locked && (
           <div className="ReactCrop__drag-elements">

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-image-crop",
-  "version": "8.6.11",
+  "version": "8.6.12",
   "description": "A responsive image cropping tool for React",
   "repository": "https://github.com/DominicTobias/react-image-crop",
   "main": "dist/ReactCrop.min.js",