Merge pull request #6708 from IgniteUI/astaev/issue1703-9.0.x

fix(esf): Do not focus search input in external filtering #1703

Author: DiyanDimitrov

projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts

@@ -7,7 +7,6 @@ import {
     TemplateRef,
     Directive,
     OnDestroy,
-    AfterViewInit,
     ElementRef,
     Input,
     ViewRef
@@ -97,7 +96,7 @@ export class IgxExcelStylePinningTemplateDirective {
     selector: 'igx-grid-excel-style-filtering',
     templateUrl: './grid.excel-style-filtering.component.html'
 })
-export class IgxGridExcelStyleFilteringComponent implements OnDestroy, AfterViewInit {
+export class IgxGridExcelStyleFilteringComponent implements OnDestroy {
     private static readonly filterOptimizationThreshold = 2;
 
     private shouldOpenSubMenu = true;
@@ -314,15 +313,6 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy, AfterView
         this.destroy$.complete();
     }
 
-    /**
-     * @hidden @internal
-     */
-    ngAfterViewInit(): void {
-        requestAnimationFrame(() => {
-            this.excelStyleSearch.searchInput.nativeElement.focus();
-        });
-    }
-
     private init() {
         this.expressionsList = new Array<ExpressionUI>();
         this.filteringService.generateExpressionsList(this.column.filteringExpressionsTree, this.grid.filteringLogic, this.expressionsList);
@@ -359,6 +349,10 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy, AfterView
 
         this._subMenuOverlaySettings.outlet = (this.grid as any).outlet;
 
+        requestAnimationFrame(() => {
+            this.excelStyleSearch.searchInput.nativeElement.focus();
+        });
+
         this.grid.onColumnMoving.pipe(takeUntil(this.destroy$)).subscribe(() => {
             this.closeDropdown();
         });