iOS7 form panel modal alignment after textfield receives focus.
Ext version tested:
Live version, 2.3.0 and 2.3.1 (latest release as of 2013/11/09)
Browser versions tested against:
iOS7 Safari, Chrome and Cordova packaged app on iPhone 4S and iPhone 4
Sencha forms glitch when using a form panel as a modal window on iOS Safari.
Steps to reproduce the problem:
Create a basic app
Add a form panel and set it to be a modal, centered, width 99%, height 99% and containing some form elements including a textfield (preferably as the last form field)
Add a means of opening the form panel modal
with iOS7 Safari, open the form panel modal and tap on the textfield to enable the keyboard
The result that was expected:
The textfield should receive the focus and the form panel modal does not move out of position (try with iOS6 and all works fine)
The result that occurs instead:
The modal form will move around 25px up and left leaving a gap down the right hand side of the screen when the iOS7 keyboard. Below is the modal window prior to tapping on the textfield "Value" at the bottom of the form panel.
I can provide access to our application if you wish to see this happening. I have also attached some screenshots to illustrate what is happening so you can visulaize better if that helps. Please do not hesitate to PM me if you require access to our app to see. I can also submit the code being used if you require.