cogsbox-state 0.5.407 → 0.5.409

package/package.json

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

package/src/CogsState.tsx

@@ -1803,10 +1803,6 @@ function createProxyHandler<T>(
               return selectedIndex ?? -1;
             };
           }
-          // Simplified useVirtualView approach
-          // Optimal approach - replace the useVirtualView implementation
-          // Complete useVirtualView implementation with comprehensive logging
-          // Complete fixed useVirtualView implementation
           // Complete fixed useVirtualView implementation
           if (prop === "useVirtualView") {
             return (
@@ -1929,7 +1925,7 @@ function createProxyHandler<T>(
                   const { scrollTop, scrollHeight, clientHeight } = container;
                   const currentBottom = scrollTop + clientHeight;
                   const actualBottom = scrollHeight;
-                  const isAtBottom = actualBottom - currentBottom < 5;
+                  const isAtBottom = actualBottom - currentBottom < 50; // Increased tolerance
 
                   if (isAtBottom || attempts >= maxAttempts) {
                     clearInterval(scrollToBottomIntervalRef.current!);
@@ -1967,15 +1963,17 @@ function createProxyHandler<T>(
                   }
 
                   // This is a real user scroll
+                  const { scrollTop, scrollHeight, clientHeight } = container;
+                  const distanceFromBottom =
+                    scrollHeight - scrollTop - clientHeight;
+                  const isAtBottom = distanceFromBottom < 50; // Increased tolerance
+
+                  // Stop any auto-scrolling if user scrolls
                   if (scrollToBottomIntervalRef.current) {
                     clearInterval(scrollToBottomIntervalRef.current);
                     scrollToBottomIntervalRef.current = null;
                   }
 
-                  const { scrollTop, scrollHeight, clientHeight } = container;
-                  const isAtBottom =
-                    scrollHeight - scrollTop - clientHeight < 10;
-
                   // Only update this for real user scrolls
                   shouldStickToBottomRef.current = isAtBottom;