fix: Broken Tooltip. (#716)

influxdata · Jan 4, 2022 · 9e749fc · 9e749fc
1 parent 985714d
commit 9e749fc
Showing 1 changed file with 2 additions and 4 deletions.
diff --git 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 => {