title: Focus kendo-grid when component is displayed
body: <p>How can I focus <a href="https://www.telerik.com/kendo-angular-ui-develop/components/grid/" rel="nofollow noreferrer">kendo grid</a> when my component (with grid) is loaded/shown/navigated? I want to <a href="https://www.telerik.com/kendo-angular-ui-develop/components/grid/keyboard-navigation/" rel="nofollow noreferrer">navigate</a> immediately after grid (my component) is displayed.</p>
  
  <p>I tried with:</p>
  
  <pre><code>import { GridComponent } from "@progress/kendo-angular-grid";
  
  @ViewChild(GridComponent) public grid: GridComponent;
  
  public ngAfterViewInit(): void
  {
     this.grid.wrapper.nativeElement.focus();
  }
  </code></pre>
  
  <p>But grid is not focused. Even my component is not, because event keypress is never triggered until I click one cell.</p>
  
  <pre><code>@HostListener("keyup", ["$event"])
  handleKeyboardEvent(event: KeyboardEvent)
  </code></pre>