igniteui-angular 22.2.2 → 22.2.4

package/fesm2022/igniteui-angular-core.mjs

@@ -447,12 +447,11 @@ class PlatformUtil {
      * let column = this.grid.columnList.filter(c => c.field === 'ID')[0];
      *
      * let size = getNodeSizeViaRange(range, column.cells[0].nativeElement);
+     * ```
      *
      * @remarks
-     * The last parameter is useful when the size of the element to measure is modified by a
-     * parent element that has explicit size. In such cases the calculated size is never lower
-     * and the function may instead remove the parent size while measuring to get the correct value.
-     * ```
+     * While measuring, the last parameter (usually the node itself) is laid out at its `max-content` width,
+     * so neither its explicit width nor a stretching parent affects the result.
      */
     getNodeSizeViaRange(range, node, sizeHoldingNode) {
         let overflow = null;
@@ -465,7 +464,8 @@ class PlatformUtil {
         if (sizeHoldingNode) {
             const style = sizeHoldingNode.style;
             nodeStyles = [style.width, style.minWidth, style.flexBasis];
-            style.width = '';
+            // not '' - a flex or grid parent may stretch the node
+            style.width = 'max-content';
             style.minWidth = '';
             style.flexBasis = '';
         }
@@ -1365,7 +1365,7 @@ class NgControlAdapter {
         }
     }
     /**
-     * Emits when validity, required, disabled, dirty or pending state changes.
+     * Emits when the value, validity, required, disabled, dirty or pending state changes.
      * Signal Forms `submit()` only marks fields touched, so touched changes count too
      * or the errors would never surface.
      */
@@ -1374,7 +1374,7 @@ class NgControlAdapter {
             return this.watch(() => {
                 this.observeErrors();
                 return [
-                    this.ngControl.valid, this.pending, this.required,
+                    this.ngControl.value, this.ngControl.valid, this.pending, this.required,
                     this.ngControl.disabled, this.ngControl.dirty, this.ngControl.touched
                 ];
             });
@@ -6780,12 +6780,21 @@ class IgxOverlayService {
         delete info.event;
     }
     cleanUp(info) {
+        this.hideDynamicComponent(info);
         this.removeWrapper(info);
         this.restoreHook(info);
         this.destroyComponent(info);
         this.unregisterOverlay(info);
         this.releaseResources(info);
     }
+    /**
+     * Hides a dynamically created component before unwrapping it, as Angular may remove its host after `destroyComponent`.
+     */
+    hideDynamicComponent(info) {
+        if (info.componentRef) {
+            info.elementRef.nativeElement.style.display = 'none';
+        }
+    }
     /**
      * Reverses the wrapper insertion performed by `insertWrapper`, restoring the element to its original DOM position.
      */