I have a search bar on my mobile app that I have to click twice in order to type, if I click it once, the key pad appears but I am unable to start typing until I click it again.
<label class="item-input-wrapper">
<input type="search"
placeholder="Sports finder"
ng-model="sportSearch">
</label>
<button class="button button-clear"
ng-click="sportSearch = ''">
</button>
it is very weird because If I test it on my computer works properly, but If go to the phone Android or IOS, the problem persist.