tarojs-plugin-chucker 1.0.0 → 1.1.0

package/dist/index.js

@@ -178,7 +178,7 @@ exports.default = (ctx, options = {}) => {
                     const styles = `
 .chucker-float-btn {
   position: fixed !important;
-  bottom: calc(env(safe-area-inset-bottom) + 135rpx) !important;
+  bottom: calc(env(safe-area-inset-bottom) + 200rpx) !important;
   right: 15px !important;
   width: 46px !important;
   height: 46px !important;

package/dist/runtime/hooks/useVirtual.js

@@ -178,6 +178,7 @@ function useVirtualList(options) {
             setVlStyles(stylesList);
         }
     }, [items, itemHeight, chunkSize, columns, disabled]);
+    const lastMeasuredHeightsRef = (0, react_1.useRef)([]);
     (0, react_1.useEffect)(() => {
         if (disabled || vlChunks.length === 0) {
             disconnectAll();
@@ -215,17 +216,37 @@ function useVirtualList(options) {
                     setVlStyles([...stylesRef.current]);
                 }
                 else if (!isIn && wasIn) {
+                    // Measure the chunk's rendered height BEFORE hiding its content.
+                    // The boundingClientRect query is async — we must capture the real height
+                    // while the chunk is still rendered, otherwise we get 0px and the scroll
+                    // space collapses, making it impossible to scroll back up.
                     const query = runtimeTaro.createSelectorQuery();
                     query
                         .select("#vl-chunk-" + targetIndex)
                         .boundingClientRect((rect) => {
-                        if (rect) {
-                            const measuredHeight = rect.height || 0;
-                            visibleRef.current[targetIndex] = false;
-                            stylesRef.current[targetIndex] = "height: " + measuredHeight + "px;";
-                            setVlVisible([...visibleRef.current]);
-                            setVlStyles([...stylesRef.current]);
+                        if (!rect)
+                            return;
+                        let measuredHeight = rect.height;
+                        // Calculate a minimum fallback height based on chunk content
+                        const chunkLength = chunksRef.current[targetIndex]
+                            ? chunksRef.current[targetIndex].length
+                            : currentChunkSize;
+                        const estimatedHeight = Math.ceil(chunkLength / columns) * itemHeight;
+                        // If measured height is 0 or unreasonably small (race condition where
+                        // content was already unmounted), use the last known good height or
+                        // the estimated height to prevent scroll space from collapsing.
+                        if (!measuredHeight || measuredHeight < estimatedHeight * 0.3) {
+                            measuredHeight =
+                                lastMeasuredHeightsRef.current[targetIndex] || estimatedHeight;
                         }
+                        else {
+                            // Cache this as a known good height
+                            lastMeasuredHeightsRef.current[targetIndex] = measuredHeight;
+                        }
+                        visibleRef.current[targetIndex] = false;
+                        stylesRef.current[targetIndex] = "height: " + measuredHeight + "px;";
+                        setVlVisible([...visibleRef.current]);
+                        setVlStyles([...stylesRef.current]);
                     })
                         .exec();
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tarojs-plugin-chucker",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A Chucker-like debugger plugin for Taro JS miniapps to track api requests, responses and native plugin calls",
   "main": "dist/index.js",
   "module": "dist/index.js",