I have the following code
Code:
xtype: 'fieldset',
title: 'Enter Card Details',
defaults: {
required: true
},
items: [
{
xtype : 'textfield',
label: 'Name',
placeHolder: 'Name On Card',
labelWidth: '30%',
},
{
xtype : 'numberfield',
label: 'Card No',
labelWidth: '30%',
id: 'numberfield_cardnumber_id'
},
{
xtype : 'datepickerfield',
id: 'datepickerfield_cardexpiry_id',
label: 'Exp Date',
dateFormat: 'm/y',
labelWidth: '30%',
required: true,
picker: {
yearFrom : new Date().getFullYear(),
yearTo : new Date().getFullYear() + 10,
slotOrder:["year", "month"],
listeners: {
show: function(component, eOpts) {
console.log("show");
this.setValue(new Date());
try {
var elemPD = Ext.getCmp("numberfield_cardnumber_id");
elemPD.element.dom.blur();
}
catch(e) {
console.log("Error :'"+e.message+"'");
}
},
} //picker listener
} //picker
} //datepickerfield
], //items
}
When i move from numberfield (by tapping on datepicker) with virtual keyboard still present on the screen. The datepicker box is shown, but behind the virtual keyboard. Any tips or tricks will be greatly appreciated. Thanks in advance.
note: This only happens in Android version 4.x. I never saw it in my older phone which runs Android 2.3.5.