title: In angular2 this.fieldRef.nativeElement.focus(); is not working in IOS devices
body: <p>I am a newbie to angular2 and had made a component with template but on home page i need to set default focus on a input field i used </p>
  
  <pre><code>@ViewChild('keyword') // element reference to the keyword textbox.
  public searchkeywordref: ElementRef;
  
  ngAfterViewInit() {
      this.searchkeywordref.nativeElement.focus();
      window.scrollTo(0, 0);
  
  }
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section class="searchBlock"&gt;
  &lt;!-- index page --&gt;
          &lt;div class="searchSection"&gt;
                  &lt;div class="container"&gt;
                      &lt;h2 class="text-center"&gt;Service made easy&lt;/h2&gt;
                      &lt;div class="selectbar clearfix"&gt;
                          &lt;div class="inputBar businessSearchInput border-rt-search dropdown {{ (suggestions?.length &gt; 0) ? 'open' : '' }}"&gt;
                              &lt;input placeholder="Search Business" #keyword class="dropdown-toggle text-left" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" [(ngModel)]="searchKeyword" (ngModelChange)="keywordSuggestions()" (keydown)="arrowkeyLoc($event)" autofocus&gt;
                          &lt;/div&gt;                       
                          &lt;div class="searchBtn clearfix customLoader" (click)="searchResult()"&gt;
                              
                              &lt;button *ngIf="isloader == false" &gt;&lt;span&gt;&lt;/span&gt; Search &lt;/button&gt;
                              &lt;button *ngIf="isloader == true" &gt;&lt;loaders-css [loader]="'ball-clip-rotate-multiple'" [loaderClass]="'customLoader-ball'"&gt;&lt;/loaders-css&gt; &lt;/button&gt;
                                                         
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- index page --&gt;
  &lt;/section&gt;
  
  &lt;!--home component selector binding current location's latitude &amp; longitude --&gt;
      &lt;app-home *ngIf="lat != null" [lat]="lat" [lng]="lng"&gt;&lt;/app-home&gt;
  &lt;!-- home component selector --&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it is not working in IOS devices. </p>