Fixed: the case where loading label is not displayed when infinite sc…

…rolling(#289)
hotwax · Apr 20, 2024 · 69f596c · 69f596c
1 parent 61b40b2
commit 69f596c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue
@@ -117,7 +117,7 @@
       <ion-infinite-scroll
         @ionInfinite="loadMoreFacilities($event)"
         threshold="100px"
-        v-show="isScrollingEnabled && isScrollable"
+        v-show="isScrollable"
         ref="infiniteScrollRef"
       >
         <ion-infinite-scroll-content
@@ -259,6 +259,10 @@ export default defineComponent({
       }
     },
     async loadMoreFacilities(event: any) {
+      // Added this check here as if added on infinite-scroll component the Loading content does not gets displayed
+      if(!(this.isScrollingEnabled && this.isScrollable)) {
+        await event.target.complete();
+      }
       this.fetchFacilities(
         undefined,
         Math.ceil(

diff --git a/src/views/FindGroups.vue b/src/views/FindGroups.vue
@@ -64,7 +64,7 @@
       <ion-infinite-scroll
         @ionInfinite="loadMoreGroups($event)"
         threshold="100px"
-        v-show="isScrollingEnabled && isScrollable"
+        v-show="isScrollable"
         ref="infiniteScrollRef"
       >
         <ion-infinite-scroll-content
@@ -193,6 +193,10 @@ export default defineComponent({
       }
     },
     async loadMoreGroups(event: any) {
+      // Added this check here as if added on infinite-scroll component the Loading content does not gets displayed
+      if(!(this.isScrollingEnabled && this.isScrollable)) {
+        await event.target.complete();
+      }
       this.fetchGroups(
         undefined,
         Math.ceil(