tooltip fix

weng-lab · Jul 29, 2024 · 05580cd · 05580cd
1 parent 7c8efcd
commit 05580cd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "@weng-lab/psychscreen-ui-components",
   "description": "Typescript and Material UI based components used for psychSCREEN",
   "author": "SCREEN Team @ UMass Chan Medical School",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

diff --git a/src/components/Graph/Graph.tsx b/src/components/Graph/Graph.tsx
@@ -130,9 +130,10 @@ const Graph: React.FC<GraphProps> = ({
       return;
     }
 
+    const containerRect = containerRef.current.getBoundingClientRect();
     const coords = {
-      x: event.renderedPosition.x,
-      y: event.renderedPosition.y,
+      x: event.renderedPosition.x + containerRect.left,
+      y: event.renderedPosition.y + containerRect.top,
     };
 
     showTooltip({
@@ -505,9 +506,10 @@ const Graph: React.FC<GraphProps> = ({
         <TooltipInPortal
           style={{
             ...defaultStyles,
+            position: 'absolute',
+            zIndex: 1000,
             backgroundColor: 'black',
             color: 'white',
-            zIndex: 1000,
             fontSize: '12px',
           }}
           key={Math.random()}