Ion-search not showing the X to cancel

Ionic Framework ionic-v3
1

Just want to say that I see the issue only with Chrome and iphone. No issue with Galaxy S5.

What I want to see (Ionic api page):

image

What I see (my page)

image

I tried the code from ionic github example:

<ion-searchbar placeholder="Filter Items" (ionInput)="filterItems($event)"></ion-searchbar>

Did not work.

I have a Chrome issue or it something else?

2

That would be which example and where?

3

Here is the link: https://github.com/driftyco/ionic/blob/3.0.1/demos/src/searchbar/pages/page-one/page-one.html

Also, it is working here: http://ionicframework.com/docs/api/components/searchbar/Searchbar/

4

You missed the showCancelButton. Without that, you’re missing the cancel button :wink: You’ve copied the wrong example from what I can tell.

1 Like
5

Hi @luukschoen and @Sujan12,

I reboot my computer and now the sample code is working!

I should have remember that. I think it happened to me last year with another component.

6

Wow, it worked 2 times and then… no more X.