igniteui-angular 21.2.14 → 21.2.16

package/fesm2022/igniteui-angular-grids-core.mjs

@@ -826,7 +826,8 @@ function WatchChanges() {
             const oldValue = this[key];
             if (val !== oldValue || (typeof val === 'object' && val === oldValue)) {
                 originalSetter.call(this, val);
-                if (this.ngOnChanges && !init) {
+                // Explicitly check whether the decorator is called during initialization
+                if (this.ngOnChanges && init !== undefined && !init) {
                     // in case wacthed prop changes trigger ngOnChanges manually
                     const changes = {
                         [key]: new SimpleChange(oldValue, val, false)
@@ -15758,10 +15759,22 @@ class IgxGridStateBaseDirective {
                             newColumns.push(ref);
                         }
                     });
-                    context.currGrid.updateColumns(newColumns);
-                    newColumns.forEach(col => {
-                        context.currGrid.columnInit.emit(col);
-                    });
+                    if (!context.currGrid._init && !context.currGrid._rendered) {
+                        // If grid is not rendered but is initialized (during ngAfterViewInit) wait for it to render.
+                        // Otherwise pushing mid detect change (mainly while calculating sizes from `calculateGridWidth` and `calculateGridSizes`) messes up headers detect changing.
+                        context.currGrid.rendered.pipe(first$1()).subscribe(() => {
+                            context.currGrid.updateColumns(newColumns);
+                            newColumns.forEach(col => {
+                                context.currGrid.columnInit.emit(col);
+                            });
+                        });
+                    }
+                    else {
+                        context.currGrid.updateColumns(newColumns);
+                        newColumns.forEach(col => {
+                            context.currGrid.columnInit.emit(col);
+                        });
+                    }
                 }
             },
             groupBy: {