Updating items on Infinite scroll now update observed data for Scroll…

…SectionsMixin (Qiskit#1203)
y4izus · Dec 10, 2020 · 4145431 · 4145431
1 parent 9af726c
commit 4145431
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/ui/InfiniteScroll.vue b/components/ui/InfiniteScroll.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Mixins, Prop } from 'vue-property-decorator'
+import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
 import ScrollSectionsMixin from '~/mixins/scrollBetweenSections'
 
 @Component
@@ -23,6 +23,12 @@ export default class extends Mixins(ScrollSectionsMixin) {
 
   lastShown: number = Math.min(this.minItems, this.items.length)
 
+  @Watch('items')
+  onItemsChanged (newItems: Array<any>) : void {
+    this.lastShown = Math.min(this.minItems, newItems.length)
+    this.$nextTick(() => this.updateObserved())
+  }
+
   /**
    * This methods gets called when the active section changes.
    * Inherited from ScrollSectionsMixin