You found a bug! We've classified it as TOUCH-5125 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    83
    Vote Rating
    4
    cydaps is on a distinguished road

      0  

    Exclamation iOS7 form panel modal alignment after textfield receives focus.

    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
    Description:
    • 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.
      Screen Shot 2013-11-05 at 13.08.05.jpg
    • Below is what we see after we have tapped on the textfield in the form panel modal with iOS7. This happens in Safari, Chrome and as a Cordova app on iOS7, but not on iOS6 or Android.

      Screen Shot 2013-11-05 at 13.07.32.jpg
    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.

  2. #2
    Sencha - Support Team keckeroo's Avatar
    Join Date
    Mar 2008
    Location
    Winnipeg, Canada
    Posts
    322
    Vote Rating
    10
    keckeroo will become famous soon enough

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    83
    Vote Rating
    4
    cydaps is on a distinguished road

      0  

    Default


    Quote Originally Posted by keckeroo View Post
    Thanks for the report! I have opened a bug in our bug tracker.
    Awesome, thanks keckeroo! Really impressed with Touch 2.3.1, it'll be prefect for us if we can get this fixed!

  4. #4
    Sencha User
    Join Date
    Jan 2008
    Location
    Bexhill-on-Sea, East Sussex, ENGLAND
    Posts
    21
    Vote Rating
    0
    pmahoney is on a distinguished road

      0  

    Default


    Do we have a fix for this yet?

  5. #5
    Sencha User
    Join Date
    Feb 2014
    Posts
    1
    Vote Rating
    0
    jacklyh is on a distinguished road

      0  

    Default


    Having the same issue in my form too, can anyone look into this? Thanks in advance

  6. #6
    Sencha User
    Join Date
    Jan 2014
    Posts
    2
    Vote Rating
    0
    vincent.peng is on a distinguished road

      0  

    Default


    Same here... Any workaround for this issue?