cogsbox-state 0.5.417 → 0.5.419

package/package.json

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

package/src/CogsState.tsx

@@ -1823,7 +1823,7 @@ function createProxyHandler<T>(
               const [shadowUpdateTrigger, setShadowUpdateTrigger] = useState(0);
               const wasAtBottomRef = useRef(true);
               const previousCountRef = useRef(0);
-
+              const userHasScrolledAwayRef = useRef(false);
               // Subscribe to shadow state updates
               useEffect(() => {
                 const unsubscribe = getGlobalStore
@@ -1910,9 +1910,9 @@ function createProxyHandler<T>(
                   previousCountRef.current === 0 && totalCount > 0;
 
                 if ((hasNewItems || isInitialLoad) && wasAtBottomRef.current) {
-                  // First, ensure the last items are in range
+                  // Only update range and scroll if we're at bottom
                   const visibleCount = Math.ceil(
-                    containerRef.current?.clientHeight || 0 / itemHeight
+                    (containerRef.current?.clientHeight || 0) / itemHeight
                   );
                   const newRange = {
                     startIndex: Math.max(
@@ -1924,19 +1924,12 @@ function createProxyHandler<T>(
 
                   setRange(newRange);
 
-                  // Then scroll to the last item after it renders
                   const timeoutId = setTimeout(() => {
-                    const scrolled = scrollToLastItem();
-                    if (!scrolled && containerRef.current) {
-                      // Fallback if ref not available yet
+                    if (containerRef.current) {
                       containerRef.current.scrollTop =
                         containerRef.current.scrollHeight;
                     }
                   }, 50);
-
-                  previousCountRef.current = totalCount;
-
-                  return () => clearTimeout(timeoutId);
                 }
 
                 previousCountRef.current = totalCount;
@@ -1952,9 +1945,19 @@ function createProxyHandler<T>(
                   const distanceFromBottom =
                     scrollHeight - scrollTop - clientHeight;
 
-                  // Only consider "at bottom" if we're VERY close (like 5px)
-                  // This prevents the snap-back behavior when scrolling up
-                  wasAtBottomRef.current = distanceFromBottom < 5;
+                  // Track if user is at bottom with tight tolerance
+                  const isAtBottom = distanceFromBottom < 5;
+                  wasAtBottomRef.current = isAtBottom;
+
+                  // If user scrolls away from bottom, set the flag
+                  if (!isAtBottom && distanceFromBottom > 50) {
+                    userHasScrolledAwayRef.current = true;
+                  }
+
+                  // If user scrolls back to bottom, clear the flag
+                  if (isAtBottom) {
+                    userHasScrolledAwayRef.current = false;
+                  }
 
                   // Update visible range based on scroll position
                   let startIndex = 0;
@@ -1979,7 +1982,6 @@ function createProxyHandler<T>(
                     endIndex: Math.min(totalCount, endIndex + 1 + overscan),
                   });
                 };
-
                 container.addEventListener("scroll", handleScroll, {
                   passive: true,
                 });