widget covered by keyboard in MobileFirst hybrid app

Question

I have a simple MobileFirst hybrid app with only html/JS. On iOS7, when inputting data for a widget near the bottom of the screen, the widget becomes covered by the soft keyboard. This happens only for the app. If run it in mobile browser, it doesn't happen. On Android4.4.2, it happens in both mobile browser and the MobileFirst app. Noticed on Android, there is AndroidManifest.xml file for MobileFirst app, so tried setting android:windowSoftInputMode="stateHidden|adjustResize", that doesn't help. Is there any way to fix this problem?

score 0 · Answer 1 · edited May 23 '17 at 11:52

0

For Android, try a combination of both:

Try the following suggestion (from: How to auto-scroll to input field in Android when the soft keyboard overlaps them on showing?). Add android:windowSoftInputMode="adjustResize" in AndroidManifest.xml, and
height=device-height in the meta viewport tag in the HTML file's HEAD element

For iOS:

You could use iScroll to scroll a bit when the specific element is focused so that it will be seen (see: $.mobile.silentScroll does not work in worklight app), or
You can try the suggestion provided here: Textfield does not focus in UI WebView in iOS7

edited May 23 '17 at 11:52

Community

1
1

answered Feb 12 '15 at 21:44

Idan Adar

44,156
13
50
89

I have tried your suggestions, for Android, your suggestion didn't work. We are still looking for solutions. For iOS, after add viewpoint meta tag: '' and apple's meta tag: '', the problem is fixed. – Jennifer Hu Feb 18 '15 at 14:29

widget covered by keyboard in MobileFirst hybrid app

1 Answers1