cogsbox-state 0.5.324 → 0.5.326

package/package.json

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

package/src/CogsState.tsx

@@ -1871,7 +1871,29 @@ function createProxyHandler<T>(
                   validIndices,
                 });
               }, [range.startIndex, range.endIndex, sourceArray, totalCount]);
+              useEffect(() => {
+                if (stickToBottom && totalCount > 0 && containerRef.current) {
+                  // When count increases, immediately adjust range to show bottom
+                  const container = containerRef.current;
+                  const visibleCount = Math.ceil(
+                    container.clientHeight / itemHeight
+                  );
+
+                  // Set range to show the last items including the new one
+                  setRange({
+                    startIndex: Math.max(
+                      0,
+                      totalCount - visibleCount - overscan
+                    ),
+                    endIndex: totalCount,
+                  });
 
+                  // Then scroll to bottom after a short delay
+                  setTimeout(() => {
+                    container.scrollTop = container.scrollHeight;
+                  }, 100);
+                }
+              }, [totalCount]);
               // This is the main effect that handles all scrolling and updates.
               useLayoutEffect(() => {
                 const container = containerRef.current;
@@ -1922,11 +1944,10 @@ function createProxyHandler<T>(
                   // 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(() => {
-                    // By the time this runs, `container.scrollHeight` is accurate.
-                    // We only scroll if the user hasn't manually scrolled up in the meantime.
+                    console.log("totalHeight", totalHeight);
                     if (isLockedToBottomRef.current) {
                       container.scrollTo({
-                        top: container.scrollHeight,
+                        top: 999999999,
                         behavior: "auto", // ALWAYS 'auto' for an instant, correct jump.
                       });
                     }
@@ -1941,7 +1962,7 @@ function createProxyHandler<T>(
                   container.removeEventListener("scroll", handleUserScroll);
                 };
                 // This effect re-runs whenever the list size or item heights change.
-              }, [totalCount, positions, stickToBottom]);
+              }, [totalCount, positions, totalHeight, stickToBottom]);
 
               const scrollToBottom = useCallback(
                 (behavior: ScrollBehavior = "smooth") => {