From 6b0acce4465845325ccb589bd63604f85fd758be Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Wed, 25 Jan 2023 19:28:54 +0100
Subject: [PATCH] fix: make sure setActiveImage gets integer value after scroll

---
 src/components/RefGallery.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/RefGallery.vue b/src/components/RefGallery.vue
index f08022c..506407f 100644
--- a/src/components/RefGallery.vue
+++ b/src/components/RefGallery.vue
@@ -49,7 +49,9 @@ const next = (): void => {
 };
 
 const onScroll = (): void => {
-  const newImg = getActiveImage(galleryViewport.value, galleryItemWidth.value);
+  const newImg = Math.floor(
+    getActiveImage(galleryViewport.value, galleryItemWidth.value)
+  );
   setActiveImage(newImg);
 };
 
@@ -58,7 +60,7 @@ onMounted(() => {
   images.value = Array.from(galleryViewport.value.children);
   galleryItemWidth.value =
     galleryViewport.value.scrollWidth / images.value.length;
-  galleryViewport.value.addEventListener("scroll", debounce(onScroll, 100));
+  galleryViewport.value.addEventListener("scroll", debounce(onScroll, 500));
 });
 </script>