🐛 Tooltip: attempt to fix flicker issue (#3695)

* 🐛 Tooltip: attempt to fix flicker issue * remove unused import * bump version for next release * revert version number
equinor · Dec 10, 2024 · d902f48 · d902f48
1 parent 8596afd
commit d902f48
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/eds-core-react/src/components/Tooltip/Tooltip.tsx b/packages/eds-core-react/src/components/Tooltip/Tooltip.tsx
@@ -15,7 +15,6 @@ import {
   typographyTemplate,
   bordersTemplate,
   mergeRefs,
-  useIsomorphicLayoutEffect,
 } from '@equinor/eds-utils'
 import { tooltip as tokens } from './Tooltip.tokens'
 import {
@@ -119,6 +118,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
       context,
       middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },
       placement: finalPlacement,
+      elements,
     } = useFloating({
       placement,
       open,
@@ -190,11 +190,12 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
       }),
     })
 
-    useIsomorphicLayoutEffect(() => {
-      if (shouldOpen && open) {
-        refs.floating.current?.showPopover()
+    useEffect(() => {
+      if (!elements.floating) return
+      if (elements.floating.isConnected && shouldOpen && open) {
+        elements.floating.showPopover()
       }
-    }, [open, shouldOpen, refs.floating])
+    }, [open, shouldOpen, elements.floating])
 
     const TooltipEl = (
       <StyledTooltip