I have a Cordova (version 6.3.1) app that is just HTML with some jQuery mobile code. This issue only occurs on iOS version of the app (Android works fine). Every time i press on a text box to insert a text after doing some scrolling, it jumps straight back to the top. The same happens with selecting radio buttons that are lower in the page. I have added a video to better explain myself.
Pleasehttps://youtu.be/MWXqJACMj7Q see video here on iOS 10.0.2
What I have tried:
1) Adding this to the config.xml file for platform=iOS:
<preference name="DisallowOverscroll" value="true"/>
<preference name="UIWebViewBounce" value="false"/>
2) Basically everything from http://stackoverflow.com/questions/16274074/stopping-overscroll-bounce-in-phonegap-ios this issue.
Any other suggestions and help will be highly appreciated.
The jumpiness could easily be some quirk with JQM -- most of us would suggest avoiding JQM and use a different framework.
I suggest using the Ionic keyboard plugin (ionic-plugin-keyboard ) and manage keyboard avoidance manually. I have a very old example at GitHub - kerrishotts/cordova-keyboard-example: Simple keyboard avoidance example for Cordova and iOS -- it's not drop-in, but it might give you a good idea on how you could manage the soft keyboard better.