Virtual Keyboard PhoneGap Overlapping Content

Published: 10 years ago

Recently I came across a problem when building a mobile app with a form. When I focused on a lt;input> element the keyboard just completely overlapped all the majority of the content and made it near impossible to see what you were writing.

First I added a preference for the keyboard setting in my config.xml and this worked in the latest version of android (4+) but not in 2~.

Eventually after hours of googling I found a StackOverFlow thread which answered the problem. It was that my app was fullscreen. So I just needed to update the confix.xml and set fullscreen to false