@particle-academy/react-fancy 3.4.2 → 3.4.3

package/dist/index.cjs

@@ -3265,21 +3265,21 @@ function useFloatingPosition(anchorRef, floatingRef, options = {}) {
     if (!anchor || !floating) return;
     const anchorRect = anchor.getBoundingClientRect();
     const floatingRect = floating.getBoundingClientRect();
-    setPosition(getPosition(anchorRect, floatingRect, placement, offset));
+    const next = getPosition(anchorRect, floatingRect, placement, offset);
+    setPosition(
+      (prev) => prev.x === next.x && prev.y === next.y && prev.placement === next.placement ? prev : next
+    );
   }, [anchorRef, floatingRef, placement, offset]);
-  react.useLayoutEffect(() => {
-    if (!enabled) return;
-    let raf = 0;
-    let frames = 0;
-    const measure = () => {
-      update();
-      if (!floatingRef.current && frames++ < 20) {
-        raf = requestAnimationFrame(measure);
-      }
-    };
-    measure();
-    return () => cancelAnimationFrame(raf);
-  }, [update, enabled, floatingRef]);
+  react.useEffect(() => {
+    if (enabled) update();
+  });
+  react.useEffect(() => {
+    if (!enabled) {
+      setPosition(
+        (prev) => prev.x === -9999 ? prev : { x: -9999, y: -9999, placement }
+      );
+    }
+  }, [enabled, placement]);
   react.useEffect(() => {
     if (!enabled) return;
     window.addEventListener("scroll", update, true);