From ca1d693d2a079c46c83d3d9dfb3406bf8b225899 Mon Sep 17 00:00:00 2001
From: mvdbeek <m.vandenbeek@gmail.com>
Date: Wed, 4 Jan 2023 10:33:31 +0200
Subject: [PATCH] Use clientX/clientY in useDraggable

Follows upstream change: https://github.com/vueuse/vueuse/pull/2054
---
 .../Workflow/Editor/composables/useDraggable.js           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Workflow/Editor/composables/useDraggable.js b/client/src/components/Workflow/Editor/composables/useDraggable.js
index 0db2046706f6..40482a981c76 100644
--- 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);