Merge pull request #17269 from IgniteUI/mkirova/fix-17258-21.2.x

fix(igxGrid): In case zone is already stable emit detect and emit chu…

Author: MayaKirova

projects/igniteui-angular/grids/grid/src/grid-base.directive.ts

@@ -7767,12 +7767,18 @@ export abstract class IgxGridBaseDirective implements GridType,
         this.verticalScrollContainer.onScroll(event);
         this.disableTransitions = true;
 
-        this.zone.onStable.pipe(first()).subscribe(() => {
+        const callback = () => {
             this.verticalScrollContainer.chunkLoad.emit(this.verticalScrollContainer.state);
             if (this.rowEditable) {
                 this.changeRowEditingOverlayStateOnScroll(this.crudService.rowInEditMode);
             }
-        });
+        };
+        if (this.isZonelessChangeDetection()) {
+            this.cdr.detectChanges();
+            callback();
+        } else {
+            this.zone.onStable.pipe(first()).subscribe(callback);
+        }
         this.disableTransitions = false;
 
         this.hideOverlays();
@@ -7797,6 +7803,10 @@ export abstract class IgxGridBaseDirective implements GridType,
         this.gridScroll.emit(args);
     }
 
+    protected isZonelessChangeDetection(): boolean {
+        return this.zone.constructor.name === 'NoopNgZone';
+    }
+
     protected hasMenuPinningActions(): boolean {
         const strip = this.actionStrip;
         const actionButtons = strip?.actionButtons;