Prev and Next buttons on softpad dont navigate across form fields consistently

[tntv33]

I have a form, when i use the Prev and Next Buttons on the softpad of mobile device, the focus does not change consistently. Sometimes i see that Next button or the Prev button being disabled. Does anybody facing the same issue. I am not able to find a fix for this problem. Could someone help me on this.

Ext.define('NotesApp.view.NoteEditor', {
    extend: 'Ext.form.Panel',
    alias: "widget.noteeditor",


    config: {
        items: [
            {
                xtype: 'container',
                cls: [
                    'x-toolbar-bottom'
                ],
                height: 50,
                layout: {
                    align: 'center',
                    pack: 'center',
                    type: 'hbox'
                },
                scrollable: false,
                items: [
                    {
                        xtype: 'button',
                        cls: 'x-button-no-border',
                        text: 'Save'
                    },
                    {
                        xtype: 'button',
                        cls: 'x-button-no-border',
                        text: 'Cancel'
                    }
                ]
            },
            {
                xtype: 'container',
                items: [
                    {
                        xtype: 'fieldset',
                        title: '',
                        items: [
                            {
                                xtype: 'selectfield',
                                label: 'Text#',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'selectfield',
                                label: 'ID No.',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'Width',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'Height',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'Depth',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'Field',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'POS1',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'POS2',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'POS3',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'numberfield',
                                label: 'Field',
                                labelWidth: '50%'
                            },
                            {
                                xtype: 'textfield',
                                label: 'Slant',
                                labelWidth: '50%'
                            }
                        ]
                    },
                    {
                        xtype: 'textareafield',
                        label: 'Comments',
                        labelAlign: 'top'
                    }
                ]
            }
        ]
    }


});

[BostonMerlin]

tab should flow with the order of elements on your page. If not, try assigning tab index to your input tags like so: <input type='text' tabindex=1>.

Hope that helps.
John

[tntv33]

I added tabIndex=1 , tabIndex=2, tabIndex=3..... so on across each field. But still this issue is not solved on Android phones.