cogsbox-state 0.5.330 → 0.5.332

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cogsbox-state",
-  "version": "0.5.330",
+  "version": "0.5.332",
   "description": "React state management library with form controls and server sync",
   "type": "module",
   "main": "./dist/index.js",

package/src/CogsState.tsx

@@ -1816,7 +1816,7 @@ function createProxyHandler<T>(
 
               // This ref tracks if the user is locked to the bottom.
               const isLockedToBottomRef = useRef(stickToBottom);
-              const lastScrollPositionRef = useRef(0);
+
               // This state triggers a re-render when item heights change.
               const [shadowUpdateTrigger, setShadowUpdateTrigger] = useState(0);
 
@@ -1939,31 +1939,26 @@ function createProxyHandler<T>(
                   passive: true,
                 });
 
+                // --- THE CORE FIX ---
                 if (stickToBottom && isLockedToBottomRef.current) {
-                  const currentScrollHeight = container.scrollHeight;
-
-                  // Only scroll if the height actually changed (new content rendered)
-                  if (currentScrollHeight > lastScrollPositionRef.current) {
-                    // Check if we're far from bottom (initial loads or large batches)
-                    const distanceFromBottom =
-                      currentScrollHeight -
-                      container.scrollTop -
-                      container.clientHeight;
-                    const isLargeGap =
-                      distanceFromBottom > container.clientHeight * 2;
-
-                    container.scrollTo({
-                      top: 999999999,
-                      behavior: isLargeGap ? "auto" : "smooth", // Instant for big jumps, smooth for small
-                    });
-
-                    lastScrollPositionRef.current = currentScrollHeight;
-                  }
+                  // We use a timeout to wait for React to render AND for useMeasure to update heights.
+                  // This is the CRUCIAL part that fixes the race condition.
+                  scrollTimeoutId = setTimeout(() => {
+                    console.log("totalHeight", totalHeight);
+                    if (isLockedToBottomRef.current) {
+                      container.scrollTo({
+                        top: 999999999,
+                        behavior: "smooth", // ALWAYS 'auto' for an instant, correct jump.
+                      });
+                    }
+                  }, 200); // A small 50ms delay is a robust buffer.
                 }
+
                 updateVirtualRange();
 
                 // Cleanup function is vital to prevent memory leaks.
                 return () => {
+                  clearTimeout(scrollTimeoutId);
                   container.removeEventListener("scroll", handleUserScroll);
                 };
                 // This effect re-runs whenever the list size or item heights change.