fix: chart parent should be relative

TanStack · Jun 7, 2020 · e90687c · e90687c
1 parent 965315e
commit e90687c
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/ChartInner.js b/src/components/ChartInner.js
@@ -4,6 +4,8 @@ import Raf from '../utils/Raf'
 import Utils from '../utils/Utils'
 import ChartContext from '../utils/ChartContext'
 
+import useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect'
+
 import Rectangle from '../primitives/Rectangle'
 
 import Voronoi from './Voronoi'
@@ -158,6 +160,16 @@ export default React.forwardRef(function ChartInner(
     )
   })
 
+  useIsomorphicLayoutEffect(() => {
+    if (
+      ref.current &&
+      ref.current.parentElement &&
+      !ref.current.parentElement.style.position
+    ) {
+      ref.current.parentElement.style.position = 'relative'
+    }
+  })
+
   return (
     <div
       ref={ref}