From 88289742137ed6712b2ff9179f5b4a066263ca8d Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 16 Apr 2024 12:23:46 +0530
Subject: [PATCH] Fixed: infinite scroll issue when used with searchbar(#289)

---
 src/views/catalog.vue  | 2 +-
 src/views/orders.vue   | 2 +-
 src/views/products.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/catalog.vue b/src/views/catalog.vue
index efefca6c..564fc9cf 100644
--- a/src/views/catalog.vue
+++ b/src/views/catalog.vue
@@ -77,7 +77,7 @@
           </ion-item> -->
         </div>
 
-        <ion-infinite-scroll @ionInfinite="loadMoreProducts($event)" threshold="100px" :disabled="!isCatalogScrollable">
+        <ion-infinite-scroll @ionInfinite="loadMoreProducts($event)" threshold="100px" :disabled="!isCatalogScrollable" :key="queryString">
           <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="$t('Loading')" />
         </ion-infinite-scroll>
       </div>
diff --git a/src/views/orders.vue b/src/views/orders.vue
index 30bdaaf8..0236dfd0 100644
--- a/src/views/orders.vue
+++ b/src/views/orders.vue
@@ -142,7 +142,7 @@
           </div>
         </div>
         
-        <ion-infinite-scroll @ionInfinite="loadMoreOrders($event)" threshold="100px" id="infinite-scroll" :disabled="!isScrolleable">
+        <ion-infinite-scroll @ionInfinite="loadMoreOrders($event)" threshold="100px" id="infinite-scroll" :disabled="!isScrolleable" :key="query.queryString">
           <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="$t('Loading')"></ion-infinite-scroll-content>
         </ion-infinite-scroll>
       </div>  
diff --git a/src/views/products.vue b/src/views/products.vue
index 22636b5c..b726c5a3 100644
--- a/src/views/products.vue
+++ b/src/views/products.vue
@@ -38,7 +38,7 @@
           <ion-badge slot="end" color="success">{{ product.doclist.numFound }} {{ $t("pieces preordered") }}</ion-badge>
         </ion-item>
        
-        <ion-infinite-scroll @ionInfinite="loadMoreProducts($event)" threshold="100px" id="infinite-scroll" :disabled="!isScrolleable">
+        <ion-infinite-scroll @ionInfinite="loadMoreProducts($event)" threshold="100px" id="infinite-scroll" :disabled="!isScrolleable" :key="queryString">
           <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="$t('Loading')"></ion-infinite-scroll-content>
         </ion-infinite-scroll>
       </div>