CODEWITHSUNDEEP
javascriptioscsscordovakeyboard
Domas
Domas

Reputation: 43

iOS keyboard resizes screen using Phonegap

I'm using phonegap 3.0 to make iOS app. I have a window, where a user has to type in a promo code.

When I press on input area (1st example) and then press html button "ok", the top menu scrolls down to the middle of the screen together with the keyboard disappearance (2nd example).

The top bar css style is set to:

position: absolute;
top: 0;

Everything else, including <input> and <button> tags, are set to:

position:relative;

I tried to update css style on click, but it didn't work. The only workaround I found working is to refresh a page, which isn't very delicate.

I found same issue solution, but for Android: PhoneGap: Is there a way to stop the keyboard from resizing the view?

Does anyone has any idea how could it be fixed?

Upvotes: 4

Views: 1461

Answers (1)

jonas
jonas

Reputation: 935

There is a preference in the config.xml for that. Try to add (modify) that line to your config.xml:

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

Upvotes: 2

Related Questions