When running my Ionic app on a small screen iOS 6 device (iPhone 4S), the screen height sometimes gets cut off by about 1/3. This happens when submitting information in a form while the keyboard is open and then navigating to a new page.
See this sample:
I’ve tried all sorts of ways to prevent this from occurring:
- Blur any and all fields on submit
- Delay the submission of the form many milliseconds until the keyboard has had time to lower
- Various meta tags for device height and device width.
Nothing works to prevent this. So, now I’m wondering if there is some way just to cause the app to re-initialize after this form problem.
Does anyone have an idea for getting Ionic or Cordova to cause the screen height to recover?
UPDATE : For now, I’m doing a
location.reload() after the form is submitted. It’s pretty ugly, but it works. I’ve spent way too much time trying to solve this. Time to move on.