My goal is to implement a pin login feature similar to the ones found on iOS and Android platforms, where users are required to enter a 4-digit pin to proceed. The issue I'm facing is that I want the input field to be automatically selected and the number pad to be displayed as soon as the user accesses the page, allowing them to quickly enter their password.
I referred to the documentation which states that the textfield is focusable , but some users have reported problems with this functionality.
I am using Sencha CMD to compile my code and convert it into a Native App. While the focus feature works well on Android devices, it seems to be malfunctioning on iOS devices.
Below is a basic proof of concept:
Ext.application({
name : ('SF' || 'SenchaFiddle'),
launch : function() {
Ext.create('Ext.Panel', {
fullscreen : true,
items:[
{
xtype: 'textfield',
id: 'textfieldId'
}, {
xtype: 'button',
text: 'click me to focus',
handler: function () {
this.parent.down('#textfieldId').focus();
}
}
]
});
}
});