fix:Fix sortableContainer distance inaccurate

clauderic · Jul 31, 2022 · be1ed3b · be1ed3b
1 parent caf3c4f
commit be1ed3b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/SortableContainer/index.js b/src/SortableContainer/index.js
@@ -15,6 +15,7 @@ import {
   getElementMargin,
   getLockPixelOffsets,
   getPosition,
+  getLinearDistance,
   isTouchEvent,
   limit,
   NodeType,
@@ -191,7 +192,7 @@ export default function sortableContainer(
           x: this.position.x - position.x,
           y: this.position.y - position.y,
         };
-        const combinedDelta = Math.abs(delta.x) + Math.abs(delta.y);
+        const combinedDelta = getLinearDistance(Math.abs(delta.x), Math.abs(delta.y));
 
         this.delta = delta;
 

diff --git a/src/utils.js b/src/utils.js
@@ -272,6 +272,10 @@ export function getContainerGridGap(element) {
   return {x: 0, y: 0};
 }
 
+export function getLinearDistance(deltaX, deltaY) {
+  return Math.sqrt(deltaX ** 2, deltaY ** 2);
+}
+
 export const KEYCODE = {
   TAB: 9,
   ESC: 27,