V3.1.1 SearchBar setFocus() not setting focus

[HairyCream]

Ionic version: (check one with "x")
[X] 3.1.1

I'm submitting a ... (check one with "x")
[X] bug report

Current behavior:
Using setFocus() on SearchBar property inside IonViewDidEnter does not set the focus.

Expected behavior:
The focus should be in the searchbar entry area after the page is entered

Steps to reproduce:

1. ionic start setFocus blank
2. cd setFocus
3. update home.html and home.ts as below
4. ionic serve

Related code:
home.html

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>
  <ion-searchbar #si (ionInput)="onInput($event)"></ion-searchbar>
</ion-content>

home.ts

import { Component, ViewChild } from '@angular/core';
import { Searchbar } from 'ionic-angular';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  @ViewChild('si') searchInput: Searchbar;
  constructor() {
  }

  ionViewDidEnter() {
    console.log("setFocus()", this.searchInput);
    this.searchInput.setFocus();
  }

  onInput(ev: any) {
    console.log(ev.target.value);
  }
}

Other information:
I've only tried this in a browser (Chrome) using ionic serve

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

D:\dev\testSetFocus>ionic info
global packages:
    @ionic/cli-utils : 1.0.0-rc.0
    Cordova CLI      : 6.5.0
    Ionic CLI        : 3.0.0-rc.0
local packages:
    @ionic/app-scripts              : 1.3.6
    @ionic/cli-plugin-cordova       : 1.0.0-rc.0
    @ionic/cli-plugin-ionic-angular : 1.0.0-rc.0
    Ionic Framework                 : ionic-angular 3.1.1
System:
    Node       : v6.10.2
    OS         : Windows 10
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed

[jgw96]

Hello, thanks for opening an issue with us, we will look into this.

[ekhmoi]

Hey I'm using as a workaround
ngOnInit() { setTimeout(() => { this.username.setFocus(); }, 150); }

[simonweber96]

Still having this issue? Why is it closed without any comments?

[manucorporat]

@simonweber96 @HairyCream desktop or device?

[simonweber96]

@manucorporat on desktop it is working perfectly. Even in the Lab serve-environment both Android and iOS are behaving correctly. But when I build the app and run it on the device directly, Android is working, but iOS is not. Weird behaviour ...

[manucorporat]

@simonweber96 not that weird. Unfortunately this is likely an unfixable issue. Input.focus() only works if called inside an stack initiated by a touch/mouse/keyboard event.

It is known limitation of WK and UIWebView.

[HairyCream]

I'm now on Ionic 3.4.0, and it still doesn't work in browser, Android or iOS.
If this will never work, ... "known limitation", then shouldn't the Ionic documentation ( API>SearchBar>setFocus() ) be updated to reflect the current situation?

[AmitMY]

@HairyCream If it doesn't work in browser, can you make a reproduction plunker/repo? It works for me in browser. On device is a different matter, as manu mentioned.

[jgw96]

@HairyCream , any luck on making that reproduction plunker or repo?

[HairyCream]

First, if @manucorporat is correct, and this is a known limitation, then the issue should be re-queued for a documentation update. ... or am I missing something?

But, by "browser" I mean the browser session initiated by an ionic serve command.
The easiest way to reproduce is to follow the "Steps to reproduce:" in the first post.
I have tried this with both Chrome (59.0.3071.109) and Firefox (ionic serve -w firefox / 54.0 32-bit) under Win 10 Pro.