fix(carousel): update index when items are removed

bimdata · Jul 21, 2022 · 21c2f62 · 21c2f62
1 parent b6a616a
commit 21c2f62
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue b/src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue
@@ -70,8 +70,10 @@ export default {
   },
   mounted() {
     this.distributeItems();
+    // Redistribute items on slider resize
     this.resizeObserver = new ResizeObserver(() => this.distributeItems());
     this.resizeObserver.observe(this.$refs.slider);
+    // Redistribute items when items are added/removed
     this.mutationObserver = new MutationObserver(() => this.distributeItems());
     this.mutationObserver.observe(this.$refs.slider, { childList: true });
   },
@@ -129,7 +131,9 @@ export default {
           });
         }
 
-        this.maxIndex = children.length - nbDisplayed;
+        this.maxIndex =
+          children.length > nbDisplayed ? children.length - nbDisplayed : 0;
+        this.index = Math.min(this.index, this.maxIndex);
         this.translations = offsets;
       }
     },