chore(*): Move actionStripComponents.changes to elements.

Author: MayaKirova

projects/igniteui-angular-elements/src/lib/grids/grid.component.ts

@@ -141,6 +141,18 @@ export class IgxGridComponent extends IgxGrid {
         });
     }
 
+    /**
+     * @hidden
+     */
+    public override ngAfterContentInit() {
+        this.actionStripComponents.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            if (this.actionStrip) {
+                this.actionStrip.menuOverlaySettings.outlet = this.outlet;
+            }
+        });
+        super.ngAfterContentInit();
+    }
+
     @Output()
     public columnsAutogenerated = new EventEmitter<IColumnsAutoGeneratedEventArgs>();
 

projects/igniteui-angular-elements/src/lib/grids/hierarchical-grid.component.ts

@@ -195,6 +195,18 @@ export class IgxHierarchicalGridComponent extends IgxHierarchicalGrid {
         });
     }
 
+    /**
+     * @hidden
+     */
+    public override ngAfterContentInit() {
+        this.actionStripComponents.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            if (this.actionStrip) {
+                this.actionStrip.menuOverlaySettings.outlet = this.outlet;
+            }
+        });
+        super.ngAfterContentInit();
+    }
+
     /**
      * @hidden
      */

projects/igniteui-angular-elements/src/lib/grids/tree-grid.component.ts

@@ -138,6 +138,18 @@ export class IgxTreeGridComponent extends IgxTreeGrid {
         });
     }
 
+    /**
+     * @hidden
+     */
+    public override ngAfterContentInit() {
+        this.actionStripComponents.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            if (this.actionStrip) {
+                this.actionStrip.menuOverlaySettings.outlet = this.outlet;
+            }
+        });
+        super.ngAfterContentInit();
+    }
+
     @Output()
     public columnsAutogenerated = new EventEmitter<IColumnsAutoGeneratedEventArgs>();
 

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

@@ -4049,12 +4049,6 @@ export abstract class IgxGridBaseDirective implements GridType,
             this.setUpPaginator();
         });
 
-        this.actionStripComponents.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
-            if (this.actionStrip) {
-                this.actionStrip.menuOverlaySettings.outlet = this.outlet;
-            }
-        });
-
         if (this.actionStrip) {
             this.actionStrip.menuOverlaySettings.outlet = this.outlet;
         }