Hybrid View

  1. 2 Oct 2012 1:13 AM #1
    La Muerte Peluda
    La Muerte Peluda is offline
    Sencha User La Muerte Peluda's Avatar
    Join Date
    Jun 2012
    Location
    Turin
    Posts
    25
    Vote Rating
    0
    La Muerte Peluda is on a distinguished road
      0  
    Send a message via Skype™ to La Muerte Peluda

    Default Unanswered: iOS 6: page shifts up after using keyboard input on iPad

    Unanswered: iOS 6: page shifts up after using keyboard input on iPad


    Hi,

    I'm working on iPad2 updated to iOS6 and I've noticed that both ST2 (2.0.1.1) WebApps and Phonegapped native apps (with cordova 2.1.0) show a strange behavior: after putting some text in a text field (a login panel, in my case), when the keyboard hides back, then the whole view appears shifted up by something like 20px or so, hiding the toolbar partially.
    Does anybody have hints for this? I know iOS6 is not fully supported but this appears a minor issue that could be fixed with some small hack, even though it's quite annoying.
    I attach a screenshot of my app highlighting the problem.

    IMG_0015.PNG

    Thanks!

    Vito
    Reply With Quote Reply With Quote
  2. 4 Oct 2012 6:32 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,581
    Vote Rating
    433
    Answers
    3100
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    I have not seen this on any app that I have.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 10 Jan 2013 12:18 PM #3
    Lodda
    Lodda is offline
    Sencha User
    Join Date
    Jan 2013
    Posts
    2
    Vote Rating
    0
    Lodda is on a distinguished road
      0  

    Default


    I also observered that issue with sencha touch 2.1 + cordova 2.2.0 + ios6.

    It is triggered e.g. from a long form and one taps into a upper input field of the form.

    (How) Did you solved this?

    thx
    Reply With Quote Reply With Quote
  4. 12 Jan 2013 11:21 AM #4
    Lodda
    Lodda is offline
    Sencha User
    Join Date
    Jan 2013
    Posts
    2
    Vote Rating
    0
    Lodda is on a distinguished road
      0  

    Default


    weird - the same page up shift and offset can be observed with the ootb safari and the google page. just tap into the search field, the keyboard is opened and the page shifted up. close the keyboard -> the page is not shifted down the same amount.

    see also workarounds here http://stackoverflow.com/questions/7...rtual-keyboard
    Reply With Quote Reply With Quote
  5. 12 May 2013 9:31 AM #5
    tangix
    tangix is offline
    Ext JS Premium Member tangix's Avatar
    Join Date
    Mar 2010
    Location
    Stockholm, Sweden
    Posts
    434
    Vote Rating
    40
    tangix has a spectacular aura about tangix has a spectacular aura about tangix has a spectacular aura about
      0  

    Default


    Just to resurrect this old thread and get a fix eventually.
    In ST 2.2.0 (commercial) - open the Kitchen Sink on an iPad 2 running iOS 6.1.3 and have the device in landscape mode with home button to the left.
    Go to User Interface -> Forms -> Form Panel.
    Click the "Bio" field to popup the keyboard.
    Click the "hide keyboard" button.

    The result is not that nice and I have not found a work-around.

    /Mattias
    See you at SenchaCon 2013
    Reply With Quote Reply With Quote