Fix #491

sekoyo · Jun 13, 2022 · 715b916 · 715b916
1 parent 645caed
commit 715b916
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-image-crop",
-  "version": "10.0.2",
+  "version": "10.0.3",
   "description": "A responsive image cropping tool for React",
   "repository": "https://github.com/DominicTobias/react-image-crop",
   "main": "dist/ReactCrop.min.js",

diff --git a/src/ReactCrop.tsx b/src/ReactCrop.tsx
@@ -578,6 +578,13 @@ class ReactCrop extends PureComponent<ReactCropProps, ReactCropState> {
     }
   }
 
+  onDragFocus = (e: React.FocusEvent<HTMLDivElement, Element>) => {
+    // Fixes #491
+    if (this.componentRef.current?.scrollTop) {
+      this.componentRef.current.scrollTop = 0
+    }
+  }
+
   getCropStyle() {
     const { crop } = this.props
 
@@ -738,7 +745,7 @@ class ReactCrop extends PureComponent<ReactCropProps, ReactCropState> {
         onKeyUp={this.onComponentKeyUp}
       >
         {!disabled && !locked && (
-          <div className="ReactCrop__drag-elements">
+          <div className="ReactCrop__drag-elements" onFocus={this.onDragFocus}>
             <div className="ReactCrop__drag-bar ord-n" data-ord="n" />
             <div className="ReactCrop__drag-bar ord-e" data-ord="e" />
             <div className="ReactCrop__drag-bar ord-s" data-ord="s" />