From 9e749fcb9078eab9eb854e8b6a65fa7088edf9e0 Mon Sep 17 00:00:00 2001
From: Anton Dalgren <antondalgren@users.noreply.github.com>
Date: Tue, 4 Jan 2022 19:47:09 +0100
Subject: [PATCH] fix: Broken Tooltip. (#716)

---
 giraffe/src/utils/useMousePos.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/giraffe/src/utils/useMousePos.ts b/giraffe/src/utils/useMousePos.ts
index 0ef6259f..b3b43d48 100644
--- a/giraffe/src/utils/useMousePos.ts
+++ b/giraffe/src/utils/useMousePos.ts
@@ -14,7 +14,7 @@ interface UseMousePosProps {
 const mousePositionFromEvent = (e: MouseEvent<HTMLDivElement>) => {
   const {top, left} = e.currentTarget.getBoundingClientRect()
 
-  return {x: e.pageX - left, y: e.pageY - top}
+  return {x: e.clientX - left, y: e.clientY - top}
 }
 
 export const useMousePos = (): [MousePosition, UseMousePosProps] => {
@@ -50,9 +50,7 @@ export const useRefMousePos = (el: Element): MousePosition => {
     }
 
     const onMouseEnter = e => {
-      const {left, top} = el.getBoundingClientRect()
-
-      setState({x: e.pageX - left, y: e.pageY - top})
+      setState({x: e.x, y: e.y})
     }
 
     const onMouseMove = e => {