diff --git a/src/SortableContainer/index.js b/src/SortableContainer/index.js index 9b24a045..10903f1a 100644 --- 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 index b62704ea..e2a21d37 100644 --- 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,