I’ve got a search bar in my header and I’d like the iOS keyboard to show the blue “Search” or “Go” instead of the usual “return” button. Normally this is accomplished by just putting type="search"
into the HTML but it doesn’t seem to be working here, even though the ion-searchbar
does so automatically. What am I missing here? Thanks – E
<ion-header>
<ion-navbar>
<ion-buttons end>
<button ion-button icon-only (tap)="showOptions($event,'discover')" *ngIf="!hideOptionsButton">
<ion-icon name="options"></ion-icon>
</button>
</ion-buttons>
<form (ngSubmit)="submitSearch($event)">
<ion-searchbar [(ngModel)]="searchQuery" [ngModelOptions]="{standalone: true}" [showCancelButton]="true" placeholder="Global Search"
(ionCancel)="clearSearch($event)"
(ionInput)="menuFocusMode($event)"
(ionFocus)="menuFocusMode($event)">
</ion-searchbar>
</form>
</ion-navbar>
</ion-header>