CODEWITHSUNDEEP
javascriptandroidscrollcordova
Bhupi
Bhupi

Reputation: 2969

Android 2.2 Web View windows moves up when Virtual Keyboard appears

I am developing an Application using Phonegap on Android. Everything works fine on OS 2.1 but on OS 2.2 when we click on any input type text field the keyboard appears and whole window moves to UP side and the input type field becomes invisible. Can anybody tell me what exactly be the problem and can it be solved using javascript? How to stop windows resizing functionality on Android 2.2?

I found the same problem on Text Input on android phone is not in view when the keyboard for webview comes up? also, but not the solution.

Upvotes: 5

Views: 7965

Answers (5)

antoine
antoine

Reputation: 1

this behaviour on android 2.2 append when there is one element in page with a "transform" css attribute (like transform: translate3d(0px, 0px, 0px); ) removing those declarations fixed the problem for me. (overflow:hidden also but you can't scroll the app anymore)

PS: overridding the declarations does not work unfortunatly

Upvotes: 0

Vinayak Bevinakatti
Vinayak Bevinakatti

Reputation: 40503

Adding this

android:windowSoftInputMode="adjustPan"

to your in AndroidManifest.xml will solve the issue

Upvotes: 11

Bhupi
Bhupi

Reputation: 2969

I tried to put following css property and it was working for me on Android 2.2

html, body{overflow: hidden;}

Not sure why it is working, but it is working...

Note: I used "iScroll" plugin for scrolling in my application.

Upvotes: 6

Doug Stephen
Doug Stephen

Reputation: 7351

I've never used PhoneGap but I went to their site and I am to understand that it still works via Eclipse and the ADT; if that's the case then this problem can be solved via the AndroidManifest.xml file by adding the following to your <activity> tag for the activity that is invoking the Soft Keyboard:

<activity android:windowSoftInputMode="adjustNothing"
          //other flags
/>

Actually this seems to not be the case. The API document I was reading was actually for Honeycomb, this flag isn't in 2.2. Sorry. All of my work recently has been on tablets and I forgot which version of the SDK I had bookmarked for reading since I've been prepping lately.

Upvotes: 2

Phobox
Phobox

Reputation: 143

You might have to enable this script to avoid your app scrolling when your text input field gets focus :)

function preventBehavior(e) 
{ 
  e.preventDefault(); 
};document.addEventListener("touchmove", preventBehavior, false);

Upvotes: 1

Related Questions