ion-searchbar autofocus

Feature Request

Ionic version:

[x] 4.x

Describe the Feature Request

Add support for autofocus property to ionic core for feature parity with ion-input. Previous patch for v3 in https://github.com/ionic-team/ionic/pull/8232 but probably outdated.

Describe Preferred Solution

Boolean property for ion-searchbar will do.

<ion-searchbar autofocus></ion-searchbar>

Describe Alternatives

The alternative uses a simple timeout (don’t follow this, not tested) based on angular.

<ion-seachbar #autofocus></ion-searchbar>

@Component(...)
export class SimpleSearch implements OnInit {
  @ViewContent('#autofocus') searchbar;

  ngOnInit() {
    setTimeout(() => this.searchbar.focus(), 300);
  }
}

Related Code

Additional Context

https://github.com/ionic-team/ionic/pull/8232

[UTSOURCE]

@ViewChild(IonSearchbar) myInput: IonSearchbar; setTimeout(() => { this.myInput.setFocus(); }, 150); import { IonSearchbar} from '@ionic/angular';

[zer09]

Without setTimeout

<ion-searchbar #searchbar></ion-searchbar>

@ViewChild('searchbar', { static: false }) searchbar: IonSearchbar;

ionViewDidEnter() {
  this.searchbar.setFocus();
}