1. #1
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    73
    Vote Rating
    0
    fairport is on a distinguished road

      0  

    Default iOS 6.0 problem with keyboard in Ext.Msg.prompt

    iOS 6.0 problem with keyboard in Ext.Msg.prompt


    We discovered today that using iOS 6.0 on both an iPhone & an iPad tapping the keyboard on a Prompt field in a message box does nothing! No text is being typed into the prompt !!

    Wonder if there's a way around this.

    For now we've done a if (Ext.is.iOS) .. and use a different bit of handling to work around it.

    BTW, we're using Phonegap 2.0.0 as well

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,004
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Using Sencha Touch 1.1.1 with my iPhone 4S running iOS 6 Ext.Msg.prompt is working for me. I did not wrap in Phonegap to see if this is a ST bug.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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 in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    73
    Vote Rating
    0
    fairport is on a distinguished road

      0  

    Default


    mmm....

    We _are_ using Phonegap (2.1.0)... and it was working fine prior to iOS 6.0
    Both iPhones & iPads are affected.

    ... And we have discovered this afternoon that Chrome (
    Version 22.0.1229.92 m) also fails!

    Safari 5.1.7 is OK though ! ?

    We're in trouble Mitchell, because the pop-up data entry system in your grid works with this !
    Last edited by fairport; 10 Oct 2012 at 2:03 AM. Reason: New info

  4. #4
    Ext JS Premium Member
    Join Date
    Sep 2010
    Posts
    18
    Vote Rating
    0
    ghuntley is on a distinguished road

      0  

    Default


    I can vouch that this problem exists on iOS 6 w/ Sencha Touch v1.1.1 (release) and further confirm that this is reproducible within chrome v23.0.1271.26.

    https://github.com/ghuntley/sencha-t...tcase/index.js

    Overview
    - Popup dialog appears.
    - User taps on input field.
    - iOS keyboard appears.
    - User inputs data using iOS keyboard.
    - User inputted data is discard, input field is not updated to reflect input.

  5. #5
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    73
    Vote Rating
    0
    fairport is on a distinguished road

      0  

    Default


    Thank you!

    Any clues on an override or fix for it?
    I have managed a workaround for everything except for the grid editor

    Please Note: My workaround was not actually a fix for this problem... I simply used a different technique to achieve the same outcome... which actually is nowhere near as good as using the Msg.prompt
    Last edited by fairport; 10 Oct 2012 at 9:14 PM. Reason: Clarification

  6. #6
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    73
    Vote Rating
    0
    fairport is on a distinguished road

      0  

    Default


    Mitchell... For what it's worth...
    By commenting out this little bit of code in sencha-touch-debug.js
    ... around line 26308
    the problem goes away

    PHP Code:
    for (attrName in attribs) {               
        if (
    attribs.hasOwnProperty(attrName)) {                    
           
    attrib attribs[attrName];                   
           
    config.input.dom.setAttribute(                        
           
    attrName.toLowerCase(),                   
           
    /*  /^auto/i.test(attrName) ? */   (assert.test(attrib+'') ? 'on' 'off' )   //: attrib                   
          
    );                
       }            


  7. #7
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Still no overrides?

  8. #8
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default


    Same prob here. Only in ios6.

  9. #9
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default


    Ext.Msg.prompt doesn't work in Chrome either.

  10. #10
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Quote Originally Posted by profunctional View Post
    Ext.Msg.prompt doesn't work in Chrome either.
    Here is an override:

    Code:
    var protoShow = Ext.MessageBox.prototype.show;
     
    Ext.override(Ext.MessageBox, {
        show : function(config) {
            protoShow.call(this, config);
            if (this.inputsEl && (config.multiLine || config.prompt)) {
                config.input.dom.setAttribute('maxLength', 100);
            }
            return this;
        }
    });