fix(VVirtualScroll): reset scroll velocity when height changes

fixes #18918
vuetifyjs · Feb 15, 2024 · cb62963 · cb62963
1 parent 4923e53
commit cb62963
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/vuetify/src/composables/virtual.ts b/packages/vuetify/src/composables/virtual.ts
@@ -107,9 +107,6 @@ export function useVirtual <T> (props: VirtualProps, items: Ref<readonly T[]>) {
       })
     })
   })
-  watch(viewportHeight, (val, oldVal) => {
-    oldVal && calculateVisibleItems()
-  })
 
   onScopeDispose(() => {
     updateOffsets.clear()
@@ -139,6 +136,19 @@ export function useVirtual <T> (props: VirtualProps, items: Ref<readonly T[]>) {
   let lastScrollTop = 0
   let scrollVelocity = 0
   let lastScrollTime = 0
+
+  watch(viewportHeight, (val, oldVal) => {
+    if (oldVal) {
+      calculateVisibleItems()
+      if (val < oldVal) {
+        requestAnimationFrame(() => {
+          scrollVelocity = 0
+          calculateVisibleItems()
+        })
+      }
+    }
+  })
+
   function handleScroll () {
     if (!containerRef.value || !markerRef.value) return