I’m having an issue with a modal containing many text inputs and a single textarea. The issue is occurring on both Android and iPhone. I’m using Ionic v1.0.0-rc.1 “osmium-ostrich”.
My form contains a stack of several text inputs followed by one textarea at the bottom. The modal is taller than the viewport when it opens which may be relevant.
Before opening the keyboard the modal looks like this:
Tapping on the textarea at the bottom of the list opens the device keyboard as expected - if I type in the textarea and then tap elsewhere on the screen, the modal closes and everything looks great.
However, if I tap into the textarea a second time, the modal scrolls way up off the top of the screen:
If I tap elsewhere, the keyboard closes but the top of the modal has now been forced up off the top of the screen and pushed out of view::
Scrolling as high possible shows that the modal is now cutoff at the top of the screen by about the same gap that has been introduced at the bottom.