🐛 blind fix for "disconnected" popover (#3610)

* 🐛 blind fix for "disconnected" popover * try using isConnected * try with timeout * restore version * fix package.json
equinor · Sep 16, 2024 · 3e3a95c · 3e3a95c
1 parent 01184ec
commit 3e3a95c
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/eds-core-react/src/components/Popover/Popover.tsx b/packages/eds-core-react/src/components/Popover/Popover.tsx
@@ -14,7 +14,6 @@ import {
   mergeRefs,
   useToken,
   outlineTemplate,
-  useIsomorphicLayoutEffect,
 } from '@equinor/eds-utils'
 import { popover as popoverToken } from './Popover.tokens'
 import { useEds } from '../EdsProvider'
@@ -165,9 +164,13 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
 
     const { getFloatingProps } = useInteractions([useDismiss(context)])
 
-    useIsomorphicLayoutEffect(() => {
+    useEffect(() => {
       if (open) {
-        refs.floating.current?.showPopover()
+        setTimeout(() => {
+          if (refs.floating.current?.isConnected) {
+            refs.floating.current.showPopover()
+          }
+        }, 1)
       } else {
         refs.floating.current?.hidePopover()
       }