fix(virtual): add fallback scrollend timeout

closes #20566 closes #20757
vuetifyjs · Dec 9, 2024 · 4a628a3 · 4a628a3
1 parent ca85fc0
commit 4a628a3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/vuetify/src/composables/virtual.ts b/packages/vuetify/src/composables/virtual.ts
@@ -149,6 +149,7 @@ export function useVirtual <T> (props: VirtualProps, items: Ref<readonly T[]>) {
     }
   })
 
+  let scrollTimeout = -1
   function handleScroll () {
     if (!containerRef.value || !markerRef.value) return
 
@@ -169,6 +170,9 @@ export function useVirtual <T> (props: VirtualProps, items: Ref<readonly T[]>) {
     lastScrollTop = scrollTop
     lastScrollTime = scrollTime
 
+    clearTimeout(scrollTimeout)
+    scrollTimeout = setTimeout(handleScrollend, 500)
+
     calculateVisibleItems()
   }
   function handleScrollend () {
@@ -177,6 +181,7 @@ export function useVirtual <T> (props: VirtualProps, items: Ref<readonly T[]>) {
     scrollVelocity = 0
     lastScrollTime = 0
 
+    clearTimeout(scrollTimeout)
     calculateVisibleItems()
   }