@legendapp/list 1.0.4 → 1.0.6

package/index.js

@@ -919,7 +919,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     columnWrapperStyle,
     keyExtractor: keyExtractorProp,
     renderItem,
-    estimatedItemSize,
+    estimatedItemSize: estimatedItemSizeProp,
     getEstimatedItemSize,
     suggestEstimatedItemSize,
     ListEmptyComponent,
@@ -959,6 +959,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   ctx.columnWrapperStyle = columnWrapperStyle || (contentContainerStyle ? createColumnWrapperStyle(contentContainerStyle) : void 0);
   const refScroller = React2.useRef(null);
   const combinedRef = useCombinedRef(refScroller, refScrollView);
+  const estimatedItemSize = estimatedItemSizeProp != null ? estimatedItemSizeProp : DEFAULT_ITEM_SIZE;
   const scrollBuffer = (drawDistance != null ? drawDistance : DEFAULT_DRAW_DISTANCE) || 1;
   const keyExtractor = keyExtractorProp != null ? keyExtractorProp : (item, index) => index.toString();
   const refState = React2.useRef();
@@ -972,7 +973,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     return `${ret}`;
   };
   const getItemSize = (key, index, data, useAverageSize = false) => {
-    var _a;
     const state = refState.current;
     const sizeKnown = state.sizesKnown.get(key);
     const sizePrevious = state.sizes.get(key);
@@ -992,7 +992,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       return sizePrevious;
     }
     if (size === void 0) {
-      size = (_a = getEstimatedItemSize ? getEstimatedItemSize(index, data) : estimatedItemSize) != null ? _a : DEFAULT_ITEM_SIZE;
+      size = getEstimatedItemSize ? getEstimatedItemSize(index, data) : estimatedItemSize;
     }
     state.sizes.set(key, size);
     return size;
@@ -1013,7 +1013,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         for (let i = 0; i < index; i++) {
           offset += sizeFn(i);
         }
-      } else if (estimatedItemSize) {
+      } else {
         offset = index * estimatedItemSize;
       }
       const adjust = peek$(ctx, "containersDidLayout") ? ((_a = refState.current) == null ? void 0 : _a.scrollAdjustHandler.getAppliedAdjust()) || 0 : 0;
@@ -1110,6 +1110,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   }) => {
     var _a;
     const state = refState.current;
+    if (index >= state.data.length) {
+      index = state.data.length - 1;
+    } else if (index < 0) {
+      index = 0;
+    }
     const firstIndexOffset = calculateOffsetForIndex(index);
     let firstIndexScrollPostion = firstIndexOffset - viewOffset;
     const diff = Math.abs(state.scroll - firstIndexScrollPostion);
@@ -1128,15 +1133,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (viewPosition) {
       firstIndexScrollPostion -= viewPosition * (state.scrollLength - getItemSize(getId(index), index, state.data[index]));
     }
-    state.scrollAdjustHandler.setDisableAdjust(true);
-    state.scrollingToOffset = firstIndexScrollPostion;
     scrollTo(firstIndexScrollPostion, animated);
-    if (!animated) {
-      requestAnimationFrame(() => {
-        state.scrollingToOffset = void 0;
-        state.scrollAdjustHandler.setDisableAdjust(false);
-      });
-    }
   };
   const setDidLayout = () => {
     refState.current.queuedInitialLayout = true;
@@ -1240,10 +1237,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   };
   const disableScrollJumps = (timeout) => {
     const state = refState.current;
-    state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
-    setTimeout(() => {
-      state.disableScrollJumpsFrom = void 0;
-    }, timeout);
+    if (state.scrollingToOffset === void 0) {
+      state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
+      setTimeout(() => {
+        state.disableScrollJumpsFrom = void 0;
+      }, timeout);
+    }
   };
   const getElementPositionBelowAchor = (id) => {
     var _a;
@@ -1356,7 +1355,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const previousScrollAdjust = scrollAdjustHandler.getAppliedAdjust();
     const scrollExtra = Math.max(-16, Math.min(16, speed)) * 16;
     let scrollState = state.scroll;
-    const useAverageSize = !state.disableScrollJumpsFrom;
+    const useAverageSize = !state.disableScrollJumpsFrom && speed >= 0 && peek$(ctx, "containersDidLayout");
     if (!state.queuedInitialLayout && initialScrollIndex) {
       const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
       scrollState = updatedOffset;
@@ -1437,7 +1436,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
       return topOffset;
     };
-    for (let i = Math.max(0, loopStart); i < data.length; i++) {
+    let foundEnd = false;
+    for (let i = Math.max(0, loopStart); i < data.length && (!foundEnd || i <= prevEndBuffered); i++) {
       const id = getId(i);
       const size = getItemSize(id, i, data[i], useAverageSize);
       maxSizeInRow = Math.max(maxSizeInRow, size);
@@ -1450,21 +1450,23 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (columns.get(id) !== column) {
         columns.set(id, column);
       }
-      if (startNoBuffer === null && top + size > scroll) {
-        startNoBuffer = i;
-      }
-      if (startBuffered === null && top + size > scroll - scrollBufferTop) {
-        startBuffered = i;
-        startBufferedId = id;
-      }
-      if (startNoBuffer !== null) {
-        if (top <= scrollBottom) {
-          endNoBuffer = i;
+      if (!foundEnd) {
+        if (startNoBuffer === null && top + size > scroll) {
+          startNoBuffer = i;
         }
-        if (top <= scrollBottom + scrollBufferBottom) {
-          endBuffered = i;
-        } else {
-          break;
+        if (startBuffered === null && top + size > scroll - scrollBufferTop) {
+          startBuffered = i;
+          startBufferedId = id;
+        }
+        if (startNoBuffer !== null) {
+          if (top <= scrollBottom) {
+            endNoBuffer = i;
+          }
+          if (top <= scrollBottom + scrollBufferBottom) {
+            endBuffered = i;
+          } else {
+            foundEnd = true;
+          }
         }
       }
       column++;
@@ -1566,18 +1568,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         const item = data[itemIndex];
         if (item !== void 0) {
           const id = getId(itemIndex);
-          if (itemKey !== id || itemIndex < startBuffered || itemIndex > endBuffered) {
-            const prevPos = peek$(ctx, `containerPosition${i}`);
-            const pos = positions.get(id) || 0;
-            const size = getItemSize(id, itemIndex, data[i]);
-            if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom || endBuffered < prevEndBuffered) {
-              set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
-            }
+          const position = positions.get(id);
+          if (position === void 0) {
+            set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
           } else {
             const pos = {
               type: "top",
-              relativeCoordinate: positions.get(id) || 0,
-              top: positions.get(id) || 0
+              relativeCoordinate: positions.get(id),
+              top: positions.get(id)
             };
             const column2 = columns.get(id) || 1;
             if (maintainVisibleContentPosition && itemIndex < anchorElementIndex) {
@@ -1653,13 +1651,27 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       setPaddingTop({ alignItemsPaddingTop: paddingTop });
     }
   };
+  const finishScrollTo = () => {
+    const state = refState.current;
+    if (state) {
+      state.scrollingToOffset = void 0;
+      state.scrollAdjustHandler.setDisableAdjust(false);
+      calculateItemsInView();
+    }
+  };
   const scrollTo = (offset, animated) => {
     var _a;
+    const state = refState.current;
+    state.scrollAdjustHandler.setDisableAdjust(true);
+    state.scrollingToOffset = offset;
     (_a = refScroller.current) == null ? void 0 : _a.scrollTo({
       x: horizontal ? offset : 0,
       y: horizontal ? 0 : offset,
       animated: !!animated
     });
+    if (!animated) {
+      requestAnimationFrame(finishScrollTo);
+    }
   };
   const doMaintainScrollAtEnd = (animated) => {
     const state = refState.current;
@@ -1912,7 +1924,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         isFirst
       );
     }
-  }, [isFirst, dataProp, numColumnsProp]);
+  }, [dataProp, numColumnsProp]);
   React2.useEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
@@ -1937,11 +1949,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     return { index, item: data[index], renderedItem };
   }, []);
   const doInitialAllocateContainers = () => {
-    var _a;
     const state = refState.current;
     const { scrollLength, data } = state;
     if (scrollLength > 0 && data.length > 0 && !peek$(ctx, "numContainers")) {
-      const averageItemSize = (_a = estimatedItemSize != null ? estimatedItemSize : getEstimatedItemSize == null ? void 0 : getEstimatedItemSize(0, data[0])) != null ? _a : DEFAULT_ITEM_SIZE;
+      const averageItemSize = getEstimatedItemSize ? getEstimatedItemSize(0, data[0]) : estimatedItemSize;
       const numContainers = Math.ceil((scrollLength + scrollBuffer * 2) / averageItemSize) * numColumnsProp;
       for (let i = 0; i < numContainers; i++) {
         set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
@@ -1992,6 +2003,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const numColumns = peek$(ctx, "numColumns");
     state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, index) : index;
     const prevSize = getItemSize(itemKey, index, data);
+    const prevSizeKnown = sizesKnown.get(itemKey);
     let needsCalculate = false;
     let needsUpdateContainersDidLayout = false;
     sizesKnown.set(itemKey, size);
@@ -2034,7 +2046,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
       state.scrollForNextCalculateItemsInView = void 0;
       addTotalSize(itemKey, diff, 0);
-      doMaintainScrollAtEnd(false);
+      if (prevSizeKnown !== void 0 && Math.abs(prevSizeKnown - size) > 5) {
+        doMaintainScrollAtEnd(false);
+      }
       if (onItemSizeChanged) {
         onItemSizeChanged({
           size,
@@ -2052,7 +2066,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (needsUpdateContainersDidLayout || !fromFixGaps && needsCalculate && (isInView || !queuedInitialLayout)) {
       const scrollVelocity = state.scrollVelocity;
       let didCalculate = false;
-      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || needsUpdateContainersDidLayout || queuedInitialLayout)) {
+      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1 || state.scrollingToOffset !== void 0) && (!waitForInitialLayout || needsUpdateContainersDidLayout || queuedInitialLayout)) {
         if (Date.now() - state.lastBatchingAction < 500) {
           if (!state.queuedCalculateItemsInView) {
             state.queuedCalculateItemsInView = requestAnimationFrame(() => {
@@ -2110,6 +2124,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (state.ignoreScrollFromCalcTotal && newScroll !== 0) {
         return;
       }
+      if (state.scrollingToOffset !== void 0 && Math.abs(newScroll - state.scrollingToOffset) < 10) {
+        finishScrollTo();
+      }
       if (state.disableScrollJumpsFrom !== void 0) {
         const scrollMinusAdjust = newScroll - state.scrollAdjustHandler.getAppliedAdjust();
         if (Math.abs(scrollMinusAdjust - state.disableScrollJumpsFrom) > 200) {

package/index.mjs

@@ -898,7 +898,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     columnWrapperStyle,
     keyExtractor: keyExtractorProp,
     renderItem,
-    estimatedItemSize,
+    estimatedItemSize: estimatedItemSizeProp,
     getEstimatedItemSize,
     suggestEstimatedItemSize,
     ListEmptyComponent,
@@ -938,6 +938,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   ctx.columnWrapperStyle = columnWrapperStyle || (contentContainerStyle ? createColumnWrapperStyle(contentContainerStyle) : void 0);
   const refScroller = useRef(null);
   const combinedRef = useCombinedRef(refScroller, refScrollView);
+  const estimatedItemSize = estimatedItemSizeProp != null ? estimatedItemSizeProp : DEFAULT_ITEM_SIZE;
   const scrollBuffer = (drawDistance != null ? drawDistance : DEFAULT_DRAW_DISTANCE) || 1;
   const keyExtractor = keyExtractorProp != null ? keyExtractorProp : (item, index) => index.toString();
   const refState = useRef();
@@ -951,7 +952,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     return `${ret}`;
   };
   const getItemSize = (key, index, data, useAverageSize = false) => {
-    var _a;
     const state = refState.current;
     const sizeKnown = state.sizesKnown.get(key);
     const sizePrevious = state.sizes.get(key);
@@ -971,7 +971,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       return sizePrevious;
     }
     if (size === void 0) {
-      size = (_a = getEstimatedItemSize ? getEstimatedItemSize(index, data) : estimatedItemSize) != null ? _a : DEFAULT_ITEM_SIZE;
+      size = getEstimatedItemSize ? getEstimatedItemSize(index, data) : estimatedItemSize;
     }
     state.sizes.set(key, size);
     return size;
@@ -992,7 +992,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         for (let i = 0; i < index; i++) {
           offset += sizeFn(i);
         }
-      } else if (estimatedItemSize) {
+      } else {
         offset = index * estimatedItemSize;
       }
       const adjust = peek$(ctx, "containersDidLayout") ? ((_a = refState.current) == null ? void 0 : _a.scrollAdjustHandler.getAppliedAdjust()) || 0 : 0;
@@ -1089,6 +1089,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   }) => {
     var _a;
     const state = refState.current;
+    if (index >= state.data.length) {
+      index = state.data.length - 1;
+    } else if (index < 0) {
+      index = 0;
+    }
     const firstIndexOffset = calculateOffsetForIndex(index);
     let firstIndexScrollPostion = firstIndexOffset - viewOffset;
     const diff = Math.abs(state.scroll - firstIndexScrollPostion);
@@ -1107,15 +1112,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (viewPosition) {
       firstIndexScrollPostion -= viewPosition * (state.scrollLength - getItemSize(getId(index), index, state.data[index]));
     }
-    state.scrollAdjustHandler.setDisableAdjust(true);
-    state.scrollingToOffset = firstIndexScrollPostion;
     scrollTo(firstIndexScrollPostion, animated);
-    if (!animated) {
-      requestAnimationFrame(() => {
-        state.scrollingToOffset = void 0;
-        state.scrollAdjustHandler.setDisableAdjust(false);
-      });
-    }
   };
   const setDidLayout = () => {
     refState.current.queuedInitialLayout = true;
@@ -1219,10 +1216,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   };
   const disableScrollJumps = (timeout) => {
     const state = refState.current;
-    state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
-    setTimeout(() => {
-      state.disableScrollJumpsFrom = void 0;
-    }, timeout);
+    if (state.scrollingToOffset === void 0) {
+      state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
+      setTimeout(() => {
+        state.disableScrollJumpsFrom = void 0;
+      }, timeout);
+    }
   };
   const getElementPositionBelowAchor = (id) => {
     var _a;
@@ -1335,7 +1334,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const previousScrollAdjust = scrollAdjustHandler.getAppliedAdjust();
     const scrollExtra = Math.max(-16, Math.min(16, speed)) * 16;
     let scrollState = state.scroll;
-    const useAverageSize = !state.disableScrollJumpsFrom;
+    const useAverageSize = !state.disableScrollJumpsFrom && speed >= 0 && peek$(ctx, "containersDidLayout");
     if (!state.queuedInitialLayout && initialScrollIndex) {
       const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
       scrollState = updatedOffset;
@@ -1416,7 +1415,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
       return topOffset;
     };
-    for (let i = Math.max(0, loopStart); i < data.length; i++) {
+    let foundEnd = false;
+    for (let i = Math.max(0, loopStart); i < data.length && (!foundEnd || i <= prevEndBuffered); i++) {
       const id = getId(i);
       const size = getItemSize(id, i, data[i], useAverageSize);
       maxSizeInRow = Math.max(maxSizeInRow, size);
@@ -1429,21 +1429,23 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (columns.get(id) !== column) {
         columns.set(id, column);
       }
-      if (startNoBuffer === null && top + size > scroll) {
-        startNoBuffer = i;
-      }
-      if (startBuffered === null && top + size > scroll - scrollBufferTop) {
-        startBuffered = i;
-        startBufferedId = id;
-      }
-      if (startNoBuffer !== null) {
-        if (top <= scrollBottom) {
-          endNoBuffer = i;
+      if (!foundEnd) {
+        if (startNoBuffer === null && top + size > scroll) {
+          startNoBuffer = i;
         }
-        if (top <= scrollBottom + scrollBufferBottom) {
-          endBuffered = i;
-        } else {
-          break;
+        if (startBuffered === null && top + size > scroll - scrollBufferTop) {
+          startBuffered = i;
+          startBufferedId = id;
+        }
+        if (startNoBuffer !== null) {
+          if (top <= scrollBottom) {
+            endNoBuffer = i;
+          }
+          if (top <= scrollBottom + scrollBufferBottom) {
+            endBuffered = i;
+          } else {
+            foundEnd = true;
+          }
         }
       }
       column++;
@@ -1545,18 +1547,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         const item = data[itemIndex];
         if (item !== void 0) {
           const id = getId(itemIndex);
-          if (itemKey !== id || itemIndex < startBuffered || itemIndex > endBuffered) {
-            const prevPos = peek$(ctx, `containerPosition${i}`);
-            const pos = positions.get(id) || 0;
-            const size = getItemSize(id, itemIndex, data[i]);
-            if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom || endBuffered < prevEndBuffered) {
-              set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
-            }
+          const position = positions.get(id);
+          if (position === void 0) {
+            set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
           } else {
             const pos = {
               type: "top",
-              relativeCoordinate: positions.get(id) || 0,
-              top: positions.get(id) || 0
+              relativeCoordinate: positions.get(id),
+              top: positions.get(id)
             };
             const column2 = columns.get(id) || 1;
             if (maintainVisibleContentPosition && itemIndex < anchorElementIndex) {
@@ -1632,13 +1630,27 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       setPaddingTop({ alignItemsPaddingTop: paddingTop });
     }
   };
+  const finishScrollTo = () => {
+    const state = refState.current;
+    if (state) {
+      state.scrollingToOffset = void 0;
+      state.scrollAdjustHandler.setDisableAdjust(false);
+      calculateItemsInView();
+    }
+  };
   const scrollTo = (offset, animated) => {
     var _a;
+    const state = refState.current;
+    state.scrollAdjustHandler.setDisableAdjust(true);
+    state.scrollingToOffset = offset;
     (_a = refScroller.current) == null ? void 0 : _a.scrollTo({
       x: horizontal ? offset : 0,
       y: horizontal ? 0 : offset,
       animated: !!animated
     });
+    if (!animated) {
+      requestAnimationFrame(finishScrollTo);
+    }
   };
   const doMaintainScrollAtEnd = (animated) => {
     const state = refState.current;
@@ -1891,7 +1903,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         isFirst
       );
     }
-  }, [isFirst, dataProp, numColumnsProp]);
+  }, [dataProp, numColumnsProp]);
   useEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
@@ -1916,11 +1928,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     return { index, item: data[index], renderedItem };
   }, []);
   const doInitialAllocateContainers = () => {
-    var _a;
     const state = refState.current;
     const { scrollLength, data } = state;
     if (scrollLength > 0 && data.length > 0 && !peek$(ctx, "numContainers")) {
-      const averageItemSize = (_a = estimatedItemSize != null ? estimatedItemSize : getEstimatedItemSize == null ? void 0 : getEstimatedItemSize(0, data[0])) != null ? _a : DEFAULT_ITEM_SIZE;
+      const averageItemSize = getEstimatedItemSize ? getEstimatedItemSize(0, data[0]) : estimatedItemSize;
       const numContainers = Math.ceil((scrollLength + scrollBuffer * 2) / averageItemSize) * numColumnsProp;
       for (let i = 0; i < numContainers; i++) {
         set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
@@ -1971,6 +1982,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const numColumns = peek$(ctx, "numColumns");
     state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, index) : index;
     const prevSize = getItemSize(itemKey, index, data);
+    const prevSizeKnown = sizesKnown.get(itemKey);
     let needsCalculate = false;
     let needsUpdateContainersDidLayout = false;
     sizesKnown.set(itemKey, size);
@@ -2013,7 +2025,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
       state.scrollForNextCalculateItemsInView = void 0;
       addTotalSize(itemKey, diff, 0);
-      doMaintainScrollAtEnd(false);
+      if (prevSizeKnown !== void 0 && Math.abs(prevSizeKnown - size) > 5) {
+        doMaintainScrollAtEnd(false);
+      }
       if (onItemSizeChanged) {
         onItemSizeChanged({
           size,
@@ -2031,7 +2045,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (needsUpdateContainersDidLayout || !fromFixGaps && needsCalculate && (isInView || !queuedInitialLayout)) {
       const scrollVelocity = state.scrollVelocity;
       let didCalculate = false;
-      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || needsUpdateContainersDidLayout || queuedInitialLayout)) {
+      if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1 || state.scrollingToOffset !== void 0) && (!waitForInitialLayout || needsUpdateContainersDidLayout || queuedInitialLayout)) {
         if (Date.now() - state.lastBatchingAction < 500) {
           if (!state.queuedCalculateItemsInView) {
             state.queuedCalculateItemsInView = requestAnimationFrame(() => {
@@ -2089,6 +2103,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (state.ignoreScrollFromCalcTotal && newScroll !== 0) {
         return;
       }
+      if (state.scrollingToOffset !== void 0 && Math.abs(newScroll - state.scrollingToOffset) < 10) {
+        finishScrollTo();
+      }
       if (state.disableScrollJumpsFrom !== void 0) {
         const scrollMinusAdjust = newScroll - state.scrollAdjustHandler.getAppliedAdjust();
         if (Math.abs(scrollMinusAdjust - state.disableScrollJumpsFrom) > 200) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,