Missing clear button in android

1

hi guys,
the following works fine in Chrome but on Android (4.2.2) I dont see the clear button.
Any ideas? thanks in advance

<ion-item>
    <div class="bar bar-header item-input-inset">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="Search.." ng-model="search.name" class="form-control" >
            <button ng-if="search.name.length"
                    class="button button-icon ion-close-circled"
                    ng-click="clearSearch()">
            </button>
    </div>
 </ion-item>
2

i am guessing this is the same as :

3

removing the ng-if did not help :frowning:

4

Could you please put together a codepen

5

it works in Chrome so not sure how that would help. It literally is only this code above.

6

Right but I can download the codepen to test it out on a 4.2 device.
Still, I don’t want to miss anything or make a codepen that doesn’t have your situation.

7

i am not sure what’s the quickest way to put this together in a codepen. here is my code. can u please try to reproduce it with this only?

      <ion-view cache-view="false" view-title="">
     <ion-content>

    <ion-header-bar class="bar bar-header item-input-inset">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="Search.." ng-model="search.name" class="form-control" >
            <button
                    class="button button-clear icon ion-close-circled"
                    ng-click="search.name=''">
            </button>
    </ion-header-bar>

FYI, it works fine on my phone which is android 4.4.2 (which however has the input file dialog does not open :frowning:
On my tablet which is 4.2.2 the clear button does not show. (input file dialog works).
The input file thing is unrelated issue on a different tab that seems to affect android 4.4.2 only. Just venting…

8

were you able to reproduce it ?

9

this is still a problem for me. does any one have any ideas?