@vaadin/component-base 24.0.6 → 24.0.8

package/custom_typings/vaadin.d.ts

@@ -6,6 +6,7 @@ interface Vaadin {
   usageStatsChecker?: {
     maybeGatherAndSend(): void;
   };
+  featureFlags?: Record<string, boolean>;
 }
 
 interface Window {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.0.6",
+  "version": "24.0.8",
   "publishConfig": {
     "access": "public"
   },
@@ -42,5 +42,5 @@
     "@vaadin/testing-helpers": "^0.4.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "25b31075cf2c989de68892c44a3dfd2316c60d30"
+  "gitHead": "c3177ddc192a4006c459bd8cfc4f9c9c89866345"
 }

package/src/element-mixin.js

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

package/src/slot-controller.js

@@ -211,19 +211,20 @@ export class SlotController extends EventTarget {
       }
 
       if (newNodes && newNodes.length > 0) {
-        // Custom node is added, remove the current one.
-        current.forEach((node) => {
-          if (node && node.isConnected) {
-            node.parentNode.removeChild(node);
-          }
-        });
-
         if (this.multiple) {
-          this.nodes = newNodes;
+          // Remove default node if exists
+          if (this.defaultNode) {
+            this.defaultNode.remove();
+          }
+          this.nodes = [...current, ...newNodes].filter((node) => node !== this.defaultNode);
           newNodes.forEach((node) => {
             this.initAddedNode(node);
           });
         } else {
+          // Remove previous node if exists
+          if (this.node) {
+            this.node.remove();
+          }
           this.node = newNodes[0];
           this.initAddedNode(this.node);
         }

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

@@ -279,6 +279,13 @@ export class IronListAdapter {
       }
     }
 
+    // When reducing size while invisible, iron-list does not update items, so
+    // their hidden state is not updated and their __lastUpdatedIndex is not
+    // reset. In that case force an update here.
+    if (!this._isVisible) {
+      this._assignModels();
+    }
+
     if (!this.elementsContainer.children.length) {
       requestAnimationFrame(() => this._resizeHandler());
     }
@@ -379,6 +386,11 @@ export class IronListAdapter {
   toggleScrollListener() {}
 
   _scrollHandler() {
+    // The scroll target is hidden.
+    if (this.scrollTarget.offsetHeight === 0) {
+      return;
+    }
+
     this._adjustVirtualIndexOffset(this._scrollTop - (this.__previousScrollTop || 0));
     const delta = this.scrollTarget.scrollTop - this._scrollPosition;