cogsbox-state 0.5.370 → 0.5.372

package/package.json

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

package/src/CogsState.tsx

@@ -1817,6 +1817,7 @@ function createProxyHandler<T>(
                 | "LOCKED_AT_BOTTOM"
                 | "IDLE_NOT_AT_BOTTOM";
 
+              const shouldNotScroll = useRef(false);
               const containerRef = useRef<HTMLDivElement | null>(null);
               const [range, setRange] = useState({
                 startIndex: 0,
@@ -1948,10 +1949,13 @@ function createProxyHandler<T>(
 
                     if (lastItemHeight > 0) {
                       clearInterval(intervalId);
-                      console.log(
-                        "ACTION (GETTING_HEIGHTS): Measurement success -> SCROLLING_TO_BOTTOM"
-                      );
-                      setStatus("SCROLLING_TO_BOTTOM");
+                      if (!shouldNotScroll.current) {
+                        console.log(
+                          "ACTION (GETTING_HEIGHTS): Measurement success -> SCROLLING_TO_BOTTOM"
+                        );
+
+                        setStatus("SCROLLING_TO_BOTTOM");
+                      }
                     }
                   }, 100);
                 } else if (status === "SCROLLING_TO_BOTTOM") {
@@ -1972,6 +1976,7 @@ function createProxyHandler<T>(
                       console.log(
                         "ACTION (SCROLLING_TO_BOTTOM): Scroll finished -> LOCKED_AT_BOTTOM"
                       );
+                      shouldNotScroll.current = false;
                       setStatus("LOCKED_AT_BOTTOM");
                     },
                     scrollBehavior === "smooth" ? 500 : 50
@@ -1995,19 +2000,23 @@ function createProxyHandler<T>(
 
                 const handleUserScroll = () => {
                   // This is the core logic you wanted.
-                  if (status !== "IDLE_NOT_AT_BOTTOM") {
-                    const isAtBottom =
-                      container.scrollHeight -
-                        container.scrollTop -
-                        container.clientHeight <
-                      1;
-                    if (!isAtBottom) {
-                      console.log(
-                        "USER ACTION: Scrolled up -> IDLE_NOT_AT_BOTTOM"
-                      );
-                      setStatus("IDLE_NOT_AT_BOTTOM");
-                    }
+
+                  const isAtBottom =
+                    container.scrollHeight -
+                      container.scrollTop -
+                      container.clientHeight <
+                    1;
+
+                  if (!isAtBottom) {
+                    console.log(
+                      "USER ACTION: Scrolled up -> IDLE_NOT_AT_BOTTOM"
+                    );
+
+                    setStatus("IDLE_NOT_AT_BOTTOM");
+                  } else {
+                    shouldNotScroll.current = false;
                   }
+
                   // We always update the range, regardless of state.
                   // This is the full, non-placeholder function.
                   const { scrollTop, clientHeight } = container;