PhoneGap Page scroll up after Keyboard appearance in iOS devices that makes the PhoneGap page corrupted

iphone ios cordova layout iphone-softkeyboard
a.karkar picture a.karkar · Feb 21, 2013 · Viewed 9.7k times · Source

I am trying to develop a chatting application using PhoneGap for iOS devices. The application has a header that shows the logged user, a footer where user can write his text message, and a list view placed in the body which will display messages.

I updated to the latest version of JQueryMobile (1.3.0) but the issue still appearing inside the application. I have attached a snapshot shows how the layout becomes corrupted. (http://i.stack.imgur.com/RsLfT.png)

I tried several solutions like making the page not scrollable (set UIWebViewBounce to false) and not scalable (user-scalable=no) and other user interface changes, but the issue is not solved.

Does anyone have an idea how to fix this? (like a refresh after soft keyboard appearance)

Answer

a.karkar picture a.karkar · Apr 18, 2013

In order to fix this Issue temporarily (because it shows breaks while keyboard is showing), you can set "KeyboardShrinksView" to "true" in your configuration file (config.xml) or add it:

<widget>
  ...
  <preference name="KeyboardShrinksView" value="true" />

  <plugins>...

Related questions

How do I correctly detect orientation change using Phonegap on iOS?

I found this orientation test code below looking for JQTouch reference material. This works correctly in the iOS simulator on mobile Safari but doesn’t get handled correctly in Phonegap. My project is running into the same issue that is …

Read More
cordova run with ios error .. Error code 65 for command: xcodebuild with args:

This error occur only when I try to cordova run ios --device Even after cordova build ios command executed, non error is reported. Whats I do wrong? And how to debug cordova projects on my iPhone (need this because need …

Read More
Cordova: start specific iOS emulator image

I'm developing a cross-platform mobile app using Cordova, focussing mainly on iOS in the development stage. For my development process it would be ideal if I could start my Cordova app directly from the command line and have it load …

Read More