cogsbox-state 0.5.354 → 0.5.356

package/package.json

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

package/src/CogsState.tsx

@@ -1816,7 +1816,7 @@ function createProxyHandler<T>(
               });
 
               const isLockedToBottomRef = useRef(stickToBottom);
-
+              const isAutoScrolling = useRef(false);
               const [shadowUpdateTrigger, setShadowUpdateTrigger] = useState(0);
 
               useEffect(() => {
@@ -1915,12 +1915,15 @@ function createProxyHandler<T>(
                       "color: green; font-weight: bold;"
                     );
                     clearInterval(intervalId); // Stop the loop.
-
+                    isAutoScrolling.current = true;
                     // STEP 3: Scroll.
                     container.scrollTo({
                       top: container.scrollHeight,
                       behavior: "smooth",
                     });
+                    setTimeout(() => {
+                      isAutoScrolling.current = false;
+                    }, 1000);
                   } else {
                     console.log("...WAITING. Height is not ready.");
                     if (loopCount > 20) {
@@ -1933,12 +1936,11 @@ function createProxyHandler<T>(
                   }
                 }, 100); // Check every 100ms.
 
-                // Cleanup: Stop the loop if the component unmounts.
                 return () => {
                   console.log("ALGORITHM: Cleaning up loop.");
                   clearInterval(intervalId);
                 };
-              }, [totalCount, ...(options.dependencies ?? [])]); // This whole process triggers ONLY when totalCount changes.
+              }, [totalCount, totalHeight, ...(options.dependencies ?? [])]); // This whole process triggers ONLY when totalCount changes.
 
               // Effect to handle user scrolling.
               useEffect(() => {
@@ -1970,6 +1972,10 @@ function createProxyHandler<T>(
                 };
 
                 const handleUserScroll = () => {
+                  if (isAutoScrolling.current) {
+                    // <--- ADD THIS CHECK
+                    return;
+                  }
                   const isAtBottom =
                     container.scrollHeight -
                       container.scrollTop -