@vaadin/component-base 23.6.0 → 23.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "23.6.0",
+  "version": "23.6.2",
   "publishConfig": {
     "access": "public"
   },
@@ -42,5 +42,5 @@
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "ec19662fcd35fb8ab6baa73c418ef235d7f26a14"
+  "gitHead": "2db3b5416b9ba6ee342720970150e2d31cd634cd"
 }

package/src/element-mixin.js

@@ -44,7 +44,7 @@ const registered = new Set();
 export const ElementMixin = (superClass) =>
   class VaadinElementMixin extends DirMixin(superClass) {
     static get version() {
-      return '23.6.0';
+      return '23.6.2';
     }
 
     /** @protected */

package/src/virtualizer-iron-list-adapter.js

@@ -438,6 +438,24 @@ export class IronListAdapter {
     }
   }
 
+  /** @override */
+  _resizeHandler() {
+    super._resizeHandler();
+
+    // Fixes an issue where the new items are not created on scroll target resize when the scroll position is around the end.
+    // See https://github.com/vaadin/flow-components/issues/7307
+    const lastIndexVisible = this.adjustedLastVisibleIndex === this.size - 1;
+    const emptySpace = this._physicalTop - this._scrollPosition;
+    if (lastIndexVisible && emptySpace > 0) {
+      const idxAdjustment = Math.ceil(emptySpace / this._physicalAverage);
+      this._virtualStart = Math.max(0, this._virtualStart - idxAdjustment);
+      this._physicalStart = Math.max(0, this._physicalStart - idxAdjustment);
+      // Scroll to end for smoother resize
+      super.scrollToIndex(this._virtualCount - 1);
+      this.scrollTarget.scrollTop = this.scrollTarget.scrollHeight - this.scrollTarget.clientHeight;
+    }
+  }
+
   /**
    * Work around an iron-list issue with invalid item positioning.
    * See https://github.com/vaadin/flow-components/issues/4306