cogsbox-state 0.5.378 → 0.5.380

package/package.json

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

package/src/CogsState.tsx

@@ -1907,7 +1907,6 @@ function createProxyHandler<T>(
                   setStatus("GETTING_HEIGHTS");
                 }
 
-                prevTotalCountRef.current = totalCount;
                 prevDepsRef.current = dependencies;
               }, [totalCount, ...dependencies]);
 
@@ -1958,18 +1957,26 @@ function createProxyHandler<T>(
                         const smallAddition = addedItems > 0 && addedItems <= 3;
 
                         if (smallAddition) {
-                          const addedHeight =
-                            positions[totalCount - 1]! -
-                            (positions[prevCount] ?? 0);
-                          container.scrollBy({
-                            top: addedHeight,
-                            behavior: "smooth",
-                          });
+                          // Let DOM render before measuring + scrolling
+                          requestAnimationFrame(() => {
+                            const prevBottom =
+                              positions[prevCount] ?? container.scrollHeight;
+                            const newBottom = container.scrollHeight;
+                            const delta = newBottom - prevBottom;
+
+                            if (delta > 0) {
+                              container.scrollBy({
+                                top: delta,
+                                behavior: "smooth",
+                              });
+                            }
+                            prevTotalCountRef.current = totalCount;
 
-                          console.log(
-                            "ACTION (GETTING_HEIGHTS): Small addition -> LOCKED_AT_BOTTOM"
-                          );
-                          setStatus("LOCKED_AT_BOTTOM");
+                            console.log(
+                              "ACTION (GETTING_HEIGHTS): Small addition -> LOCKED_AT_BOTTOM"
+                            );
+                            setStatus("LOCKED_AT_BOTTOM");
+                          });
                         } else {
                           console.log(
                             "ACTION (GETTING_HEIGHTS): Large change -> SCROLLING_TO_BOTTOM"
@@ -1978,7 +1985,7 @@ function createProxyHandler<T>(
                         }
                       }
                     }
-                  }, 100);
+                  }, 50);
 
                   return () => clearInterval(intervalId);
                 } else if (status === "SCROLLING_TO_BOTTOM") {
@@ -2003,6 +2010,7 @@ function createProxyHandler<T>(
                       isProgrammaticScroll.current = false;
                       shouldNotScroll.current = false;
                       setStatus("LOCKED_AT_BOTTOM");
+                      prevTotalCountRef.current = totalCount;
                     },
                     scrollBehavior === "smooth" ? 500 : 50
                   );