Retaining page layout when on-screen keyboard appears (iOS/phonegap)

Question

I am creating a single page non-native iOS application using cordova and angularJS. Whenever the onscreen iPad keyboard appears, the div elements are moved up and squashed together to compensate for the smaller viewing screen size.

How would I go about making all the div elements stay in place when the keyboard pops up, just cutting out the bottom part of the screen which the keyboard takes up, without rearranging all the elements?

Thanks in advance.

Answer 1

You need to add this to your config.xml:

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

Take a look at this post It is a similar issue.