You found a bug! We've classified it as TOUCH-2687 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    5
    Vote Rating
    0
    aaugustin is on a distinguished road

      0  

    Default xtype: numberfield not working on iPhone?

    xtype: numberfield not working on iPhone?


    Working in Xcode 3.2.6 iOS emulator 4.3 and Phonegap, attempting to use this field just seems to straight up break, while a textfield in the exact same place works fine. Tried isolating it a couple of different ways, then tried a new view with just the example code from the docs http://docs.sencha.com/touch/2-0/#!/...t.field.Number pasted in and still isn't working.

    Is this a known/common issue with a work-around? Is it a legit bug? And I a total noob and missing something?

    -Aidan

  2. #2
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    21
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Not an issue we're aware of. Can you post how you have it configured?

    Sencha Inc

    Jamie Avins

    @jamieavins

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    5
    Vote Rating
    0
    aaugustin is on a distinguished road

      0  

    Default Configuration Code

    Configuration Code


    Changing the textfield to a numberfield makes it break. Do you need additional info?


    Ext.define('Feathr.views.Signup1', {
    extend: 'Ext.Panel',
    alias: 'widget.signup1',
    config: {
    style: 'background:-webkit-gradient(linear, left top, left bottom, from(#65c2e5), to(#9fd9ee));',

    items: [
    {
    html: '<img src="/Users/admin/Dropbox/Feathr/Design/logo_white_shadow.png" height="130" width="176">',
    style: 'position: fixed; top: 40px; left: 72px'
    },

    {
    html: 'Welcome!',
    style: 'position: fixed; top: 182px; left: 95px; color: white; font-family: Georga; font-weight: bold; font-size: 30px; text-shadow: 1px 1px 1px #333'
    },

    {
    xtype: 'textfield',
    id: 'sign1Field',
    height: '26px',
    width: '260px',
    placeHolder: 'Enter this phone\'s number',
    clearIcon: true,
    cls: 'textBox1',
    style: 'position: fixed; top: 228px; left: 30px;'
    }
    ]
    }
    });

  4. #4
    Sencha User
    Join Date
    Mar 2012
    Posts
    5
    Vote Rating
    0
    aaugustin is on a distinguished road

      0  

    Default textareafield issues as well

    textareafield issues as well


    Not sure if they're related but since both are children of textfield thought I'd add it in: the maxRows and maxLength configs both seem to break my textareafield that is working fine otherwise. I tried disabling the CSS class in case there was some conflict or something with controlling the size of the box, but it didn't make a difference.



    Ext.define('Feathr.views.Signup2', {
    extend: 'Ext.Panel',
    alias: 'widget.signup2',
    config: {
    style: 'background:-webkit-gradient(linear, left top, left bottom, from(#65c2e5), to(#9fd9ee));',
    scrollable: 'vertical',
    layout: {type: 'vbox'},
    items: [
    {
    layout: {type: 'hbox', align: 'middle', pack: 'start'},
    cls: 'sign2-hbox',
    items: [


    {
    html: 'Bio:'
    },

    {
    xtype: 'spacer'
    },


    {
    xtype: 'textareafield',
    cls: 'sign2-textareafield',
    clearIcon: false,
    name: 'bio',
    maxRows: '4'
    },

    {
    xtype: 'spacer',
    width: '40px'
    }
    ]
    }
    ]
    }
    });

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    5
    Vote Rating
    0
    aaugustin is on a distinguished road

      0  

    Default


    Any chance there's an update on this? Still appears to be broken on iPhone

  6. #6
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Could you provide more information on this issue please? I've tried reproducing it but I cannot get it to break. What do you mean by "not working"? Does it only happen inside PhoneGap? How about Mobile Safari?

    Thanks!
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.