cogsbox-state 0.5.306 → 0.5.308

package/package.json

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

package/src/CogsState.tsx

@@ -1814,21 +1814,10 @@ function createProxyHandler<T>(
                 endIndex: 10,
               });
 
-              // Force re-render when heights change
-              const [, forceUpdate] = useState({});
-
               const isAtBottomRef = useRef(stickToBottom);
               const previousTotalCountRef = useRef(0);
               const isInitialMountRef = useRef(true);
 
-              // Subscribe to shadow state changes
-              useEffect(() => {
-                const unsubscribe = getGlobalStore
-                  .getState()
-                  .subscribeToShadowState(stateKey, () => forceUpdate({}));
-                return unsubscribe;
-              }, [stateKey]);
-
               const sourceArray = getGlobalStore().getNestedState(
                 stateKey,
                 path
@@ -1852,7 +1841,7 @@ function createProxyHandler<T>(
 
                 return { totalHeight: height, positions: pos };
               }, [totalCount, stateKey, path.join("."), itemHeight]);
-
+              console.log("height", totalHeight);
               const virtualState = useMemo(() => {
                 const start = Math.max(0, range.startIndex);
                 const end = Math.min(totalCount, range.endIndex);
@@ -1921,25 +1910,21 @@ function createProxyHandler<T>(
 
                 // Handle stick to bottom
                 if (stickToBottom) {
-                  if (isInitialMountRef.current && totalCount > 0) {
-                    // Double rAF to ensure everything is rendered and measured
-                    requestAnimationFrame(() => {
-                      requestAnimationFrame(() => {
-                        if (containerRef.current) {
-                          containerRef.current.scrollTo({
-                            top: containerRef.current.scrollHeight,
-                            behavior: "auto",
-                          });
-                          isInitialMountRef.current = false;
-                        }
-                      });
+                  if (isInitialMountRef.current) {
+                    console.log(
+                      "stickToBottom initial mount",
+                      container.scrollHeight
+                    );
+                    container.scrollTo({
+                      top: container.scrollHeight,
+                      behavior: "auto",
                     });
-                  } else if (
-                    !isInitialMountRef.current &&
-                    wasAtBottom &&
-                    listGrew
-                  ) {
-                    // New items added and we were at bottom - stay at bottom
+                    isInitialMountRef.current = false;
+                  } else if (wasAtBottom && listGrew) {
+                    console.log(
+                      "stickToBottom wasAtBottom && listGrew",
+                      container.scrollHeight
+                    );
                     requestAnimationFrame(() => {
                       container.scrollTo({
                         top: container.scrollHeight,
@@ -1948,7 +1933,7 @@ function createProxyHandler<T>(
                     });
                   }
                 }
-
+                console.log("wasAtBottom && listGrew", wasAtBottom, listGrew);
                 // Run handleScroll once to set initial range
                 handleScroll();