Search input dissapear on android


I did some example from internet, it works fine in the browser but when i build the app for android and test the search input dissapears, if some one could help me i will be grateful, thanks.

this is my code of the search input

 <div class="bar bar-subheader 
  item-input-inset bar-light">
  <label class="item-input-wrapper">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="search" ng-model="query" placeholder="Search">

Try inspect the device using chrome’s remote inspect:

And check what’s happening with the input (the display, colors) …

Also you can use ionic’s serve command, and browser app almost like if you were in a device.
Just run in command line inside your project:
ionic serve --lab

1 Like

Thanks a lot stivekx, i don’t know that option ionic serve --lab it’s very good option, i already found the answer to my problem y copy the code found:

.config(function($ionicConfigProvider) {
$ionicConfigProvider.backButton.text('Go Back').icon('ion-chevron-left');
$ionicConfigProvider.navBar.alignTitle("center"); //Places them at the bottom for all OS
$ionicConfigProvider.tabs.position("bottom"); //Places them at the bottom for all OS
$"standard"); //Makes them all look the same across all OS

this answer was given in this topic reply