Use clientX/clientY in useDraggable

Follows upstream change: vueuse/vueuse#2054
mvdbeek · Jan 4, 2023 · ca1d693 · ca1d693
1 parent 4c369f4
commit ca1d693
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/client/src/components/Workflow/Editor/composables/useDraggable.js b/client/src/components/Workflow/Editor/composables/useDraggable.js
@@ -42,8 +42,8 @@ export function useDraggable(target, options = {}) {
         }
         const rect = resolveUnref(target)?.getBoundingClientRect();
         const pos = {
-            x: e.pageX - rect.left,
-            y: e.pageY - rect.top,
+            x: e.clientX - rect.left,
+            y: e.clientY - rect.top,
         };
         if (options.onStart?.(pos, e) === false) {
             return;
@@ -59,8 +59,8 @@ export function useDraggable(target, options = {}) {
                 return;
             }
             position.value = {
-                x: e.pageX - pressedDelta.value.x,
-                y: e.pageY - pressedDelta.value.y,
+                x: e.clientX - pressedDelta.value.x,
+                y: e.clientY - pressedDelta.value.y,
             };
             options.onMove?.(position.value, e);
             handleEvent(e);