cogsbox-state 0.5.326 → 0.5.328

package/package.json

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

package/src/CogsState.tsx

@@ -1819,6 +1819,8 @@ function createProxyHandler<T>(
 
               // This state triggers a re-render when item heights change.
               const [shadowUpdateTrigger, setShadowUpdateTrigger] = useState(0);
+              const hasInitiallyLoadedRef = useRef(false);
+              const prevTotalCountRef = useRef(0);
 
               useEffect(() => {
                 const unsubscribe = getGlobalStore
@@ -1939,21 +1941,33 @@ function createProxyHandler<T>(
                   passive: true,
                 });
 
-                // --- THE CORE FIX ---
+                // In your useLayoutEffect:
                 if (stickToBottom) {
-                  // 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.
+                  // Check if this is initial load or new item
+                  const isInitialLoad =
+                    !hasInitiallyLoadedRef.current && totalCount > 0;
+                  const isNewItem =
+                    hasInitiallyLoadedRef.current &&
+                    totalCount > prevTotalCountRef.current;
+
                   scrollTimeoutId = setTimeout(() => {
                     console.log("totalHeight", totalHeight);
                     if (isLockedToBottomRef.current) {
                       container.scrollTo({
                         top: 999999999,
-                        behavior: "auto", // ALWAYS 'auto' for an instant, correct jump.
+                        behavior: isNewItem ? "smooth" : "auto", // Only smooth for NEW items after initial load
                       });
                     }
-                  }, 1000); // A small 50ms delay is a robust buffer.
+                  }, 200);
+
+                  // Mark as initially loaded after first run
+                  if (isInitialLoad) {
+                    hasInitiallyLoadedRef.current = true;
+                  }
                 }
 
+                // Update ref at the end
+                prevTotalCountRef.current = totalCount;
                 updateVirtualRange();
 
                 // Cleanup function is vital to prevent memory leaks.