input field hidden when soft keyboard appears in phonegap

I too had the same problem – the underlying problem it seems is you can’t edit the androidManifest file with cordova Build. All you can do is edit the config.xml file which really only allows you to change a limited subset of settings. What I would like is to be able to change the windowSoftInputMode.

I did find a solution to my problem. which was the keyboard appearing over fields at the bottom of the screen which I think is the same problem you’re having. I have used the cordova 2.9.0 and cordova 3.6.0

Solution 1: The solution I found was to change this setting in config.xml

<preference name="fullscreen" value="false" />

This does with that setting set to “false” instead of “true” – the page now scrolls up to reveal the field you’re editing when the keyboard opens. (to be more accurate, I believe the viewport changes rather than scroll up. Hope you are right on your viewport part)

Solution 2: Try remove or replace this line from config.xml

<preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />

as

<preference name="android-windowSoftInputMode" value="stateVisible|adjustResize"/>

instead. This works for me now.

Solution 3: Try adding this style to your page

<style> <item name="android:windowTranslucentStatus">true</item></style>

EDIT:

If your are using jQuery you can try that.

$('input, textarea, button, a, select').off('touchstart mousedown').on('touchstart mousedown', function(e) {
    e.stopPropagation();
});

Leave a Comment