- fix not rendering items when changed

Author: derpdead

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-windowing",
-  "version": "0.14.3",
+  "version": "0.14.4",
   "description": "Set of components used for virtualizing DOM",
   "author": {
     "name": "Maciej Kaczorowski",

src/components/AutoHeightMeasurer.vue

@@ -13,13 +13,11 @@ export default {
     },
   },
   updated() {
-    if (this.$el) {
-      this.onHeightChange(this.$el.offsetHeight);
-    }
+    this.onHeightChange(this.$el.offsetHeight);
   },
   methods: {
     onHeightChange(height) {
-      if (height !== this.height && height !== 0) {
+      if (this.$el && height !== this.height && height !== 0) {
         this.$emit('height', {
           index: this.index,
           height,

src/components/VirtualScroll.vue

@@ -15,7 +15,7 @@
                             class="virtual-scroll__spacer">
                             <AutoHeightMeasurer
                                 v-for="(item, index) in visibleItems"
-                                :key="`${index + startNode} | ${item.id || item}`"
+                                :key="`${item.id || item}`"
                                 :index="index + startNode"
                                 :height="cachedHeight[index + startNode] || estimatedHeight"
                                 @height="onMeasuredHeight">
@@ -75,16 +75,11 @@ export default {
   watch: {
     items(newValue, oldValue) {
       if (newValue.length !== oldValue.length) {
-        const startNode = this.getFirstVisibleNode();
-        const endNode = this.getLastVisibleNode(startNode);
-
-        this.firstVisibleNode = startNode;
-        this.lastVisibleNode = endNode;
-
         this.totalHeight = this.items.length * this.estimatedHeight;
         this.childPositions = {
           0: 0,
         };
+
         this.cachedHeight = {};
       }
     },
@@ -155,6 +150,14 @@ export default {
     },
     onResize(entry) {
       this.height = entry.contentRect.height;
+
+      if (this.height > 0 && this.rowCount > 0) {
+        const startNode = this.getFirstVisibleNode();
+        const endNode = this.getLastVisibleNode(startNode);
+
+        this.firstVisibleNode = startNode;
+        this.lastVisibleNode = endNode;
+      }
     },
     onMeasuredHeight({
       index,