android keyboard moves tabs

Question

So I have an Ionic/Phonegap app that I just built using ionic start myApp tabs then I added an input on one of the views. When I focus the input using an android em

Answer 1

Add following css classes in your Style.ccs

/* Hide bottom tab bar when keyboard appears*/
.keyboard-open .has-tabs {
    bottom: 0;
}

body.keyboard-open .has-footer {
    bottom: 0;
}

above css classes will do the trick of hiding bottom tab bar when keyboard appears.

Answer 2

You can change the activity properties in the manifest.xml

<activity android:windowSoftInputMode="adjustPan"> </activity>

Look at the example: http://rickluna.com/wp/2014/03/phonegap-3-adjustpan-with-fullscreen-theme/