IOS keyboard resizes screen using Phonegap

Question

I am using phonegap 3.0 to create an iOS application. I have a window in which the user must enter a promo code.

When I click on the input area ( 1st example ) and then press the html "ok" button, the top menu will scroll down to the middle of the screen along with the keyboard disappearing ( 2nd example ).

The css top bar style is set to:

position: absolute; top: 0; 

Everything else, including the <input> and <button> tags, matters:

 position:relative; 

I tried updating the CSS style on click, but that didn't work. The only workaround I found is to refresh the page, which is not very thin.

I found the same solution to the problem, but for Android: PhoneGap: is there a way for the keyboard not to resize the view?

Does anyone know how to fix this?

Answer 1

There is a preference for this in the config.xml file. Try adding (changing) this line to your config.xml:

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