xtype: numberfield not working on iPhone?

[aaugustin]

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

[Jamie Avins]

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

[aaugustin]

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;'
}
]
}
});

[aaugustin]

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'
}
]
}
]
}
});

[aaugustin]

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

[rdougan]

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!