From c91867fda474bf79a67d40e68c20e04b1eaa7e42 Mon Sep 17 00:00:00 2001
From: stefnotch <stefnotch@users.noreply.github.com>
Date: Fri, 16 Dec 2022 16:26:08 +0100
Subject: [PATCH] fix(useDraggable): use `clientX` instead of `pageX`, close
 #2053 (#2054)

---
 packages/core/useDraggable/index.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/core/useDraggable/index.ts b/packages/core/useDraggable/index.ts
index 5b08395ca6e..d70a2b14053 100644
--- a/packages/core/useDraggable/index.ts
+++ b/packages/core/useDraggable/index.ts
@@ -104,8 +104,8 @@ export function useDraggable(target: MaybeComputedRef<HTMLElement | SVGElement |
       return
     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
@@ -118,8 +118,8 @@ export function useDraggable(target: MaybeComputedRef<HTMLElement | SVGElement |
     if (!pressedDelta.value)
       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)