fix: popovers in ComboBox and Select (#848)

Author: tenphi

.changeset/swift-colts-sing.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Fix position of ComboBox and Select popovers.

src/components/fields/ComboBox/ComboBox.tsx

@@ -36,6 +36,7 @@ import {
   Styles,
   tasty,
 } from '../../../tasty';
+import { chainRaf } from '../../../utils/raf';
 import { generateRandomId } from '../../../utils/random';
 import {
   mergeProps,
@@ -867,17 +868,16 @@ function ComboBoxOverlay({
     popoverRef as any,
   );
 
-  // Update position when overlay opens
+  // Update position when overlay opens or content changes
   useLayoutEffect(() => {
-    if (isOpen) {
-      // Use double RAF to ensure layout is complete before positioning
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          updatePosition?.();
-        });
-      });
+    if (isOpen && updatePosition) {
+      // Use triple RAF to ensure layout is complete before positioning
+      // This gives enough time for the DisplayTransition and content to render
+      return chainRaf(() => {
+        updatePosition();
+      }, 3);
     }
-  }, [isOpen, updatePosition]);
+  }, [isOpen]);
 
   // Extract primary placement direction for consistent styling
   const placementDirection = placement?.split(' ')[0] || direction;