docs: add autofocus for overview page search-input (#5648)

NG-ZORRO · Sep 8, 2020 · 2565c19 · 2565c19
1 parent 57962e1
commit 2565c19
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/scripts/site/_site/doc/app/components-overview/components-overview.component.ts b/scripts/site/_site/doc/app/components-overview/components-overview.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
@@ -15,6 +15,7 @@ export class ComponentsOverviewComponent implements OnInit {
   routerList = ROUTER_LIST;
   language = 'en';
   searchChange$ = new BehaviorSubject('');
+  @ViewChild('searchBox', { static: true }) searchBox!: ElementRef<HTMLInputElement>;
 
   constructor(private route: ActivatedRoute, private cdr: ChangeDetectorRef) {}
 
@@ -30,6 +31,11 @@ export class ComponentsOverviewComponent implements OnInit {
       .subscribe((searchValue: string) => {
         this.filterComponents(searchValue);
       });
+
+    // autofocus
+    Promise.resolve().then(() => {
+      this.searchBox.nativeElement.focus();
+    });
   }
 
   onSearch(searchValue: string): void {