jquery - Android - Keyboard compresses my View -

i'm working on android/ios application. when keyboard opens login (username , password) gets shrinked , looks this:

normaly should not compressed. should move up, , give me clear view on i'm typing.

yes, don't know, do. tried work percentages in whole app (width/height) - maybe reason, why view gets not moved shrinked?

i looked around here @ stack , found suggestions like:

<activity    ...    android:windowsoftinputmode="adjustpan">  </activity> 

or adjustresize instead, nothing of worked me. on ios works fine. want view moves bit up, , nothing gets resized.

i hope can me , if need more information, please let me know, i'll update or comment question then.

• cordova 3.5
• jquery/jquery-mobile
• plugins: camera/console/device/dialogs/file-transfer/file/inappbrowser/splashscreen/statusbar/vibration/geolocation/network-information
• eclipse genymotion emulator
• devices: galaxy note 10.1, 4.4.2; xperia z2 4.4.2

this androidmanifest looks like:

<?xml version='1.0' encoding='utf-8'?> <manifest android:hardwareaccelerated="true" android:versioncode="1" android:versionname="1.0" package="de.*****************.de" xmlns:android="http://schemas.android.com/apk/res/android">     <supports-screens android:anydensity="true" android:largescreens="true" android:normalscreens="true" android:resizeable="true" android:smallscreens="true" android:xlargescreens="true" />     <uses-permission android:name="android.permission.internet" />     <application android:hardwareaccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name">         <activity android:configchanges="orientation|keyboardhidden|keyboard|screensize|locale" android:screenorientation="portrait" android:label="@string/activity_name" android:launchmode="singletop" android:name="********" android:theme="@android:style/theme.black.notitlebar" android:windowsoftinputmode="adjustpan">             <intent-filter android:label="@string/launcher_name">                 <action android:name="android.intent.action.main" />                 <category android:name="android.intent.category.launcher" />             </intent-filter>         </activity>     </application>     <uses-sdk android:minsdkversion="17" android:targetsdkversion="20" />     <uses-permission android:name="android.permission.write_external_storage" />     <uses-permission android:name="android.permission.access_coarse_location" />     <uses-permission android:name="android.permission.access_fine_location" />     <uses-permission android:name="android.permission.access_network_state" />     <uses-permission android:name="android.permission.vibrate" /> </manifest> 

i stuck same problem, few days ago.

as said, have given height , width in percentage.

when android keyboard appears window resized , height screen size excluding keyboard size.

giving height in percentage main container of page, (i.e. body tag) shrink height of page when keyboard appears,

setting min-height body tag once on document.ready worked me.

$(function(){  $("body").css("min-height",$(window).height())  });