Ionic2 select text in ion-searchbar


In an ion-input focus event we can select all the text like this

< ion-input (focus)=“selectAll($event)” ></ ion-input >

But in an ion-searchbar it does not work:

< ion-searchbar (focus)=“selectAll($event)”></ ion-searchbar>

The selectAll() code would be:

public selectAll(event): void {;

I have seen in ionic’s Github that the input component returns a FocusEvent:

inputFocused(event) {

On the other hand the ion-searchbar returns a searchbar (this):

inputFocused() {

this.isFocused = true;
this.shouldLeftAlign = true;

Why does it not return a FocusEvent too? How can we select all the text in an ion-searchbar when it is focused?

Thank you


You should open an issue for this. It’s something that people have brought up a few times, and it makes sense to discuss it in an github issue.


I have solved it with:

public selectAll(event): void {;

Thank you!


If I try:

public selectAll(event): void {;

This works in browser. But does not work in app.

But I tried

public selectAll(event): void {;

This does not work at all.


This posts refers to ion-searchbar, not ion-input. Are you talking about a ion-search too?