Scrolling Glitch After Using the iOS Soft Keyboard in a Form Panel

[cletusw]

REQUIRED INFORMATION


Sencha Touch versions tested:

• 2.0.1
• 2.0.1.1

Browser versions tested against:

• Safari (on iOS 5.1.1)
• Chrome 19.0.1084.60 (on iOS 5.1.1)

DOCTYPE tested against:

• html (as in HTML5)

Description:

• When you use the 'Next' button in the iOS soft keyboard when on a Form Panel and it has to 'scroll' to the next text field, it creates a glitch in the scrolling after you've closed the keyboard with 'Done'.

Steps to reproduce the problem:

• Tap the first text field
• Tap 'Next' a few times on the soft keyboard that appears to get to the last text field
• Tap 'Done'
• Begin to scroll

The result that was expected:

• The page should scroll from where the soft keyboard left it

The result that occurs instead:

• The view instantly jumps to the top of the panel and starts scrolling from there

Test Case:

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    name: 'SenchaFiddle',
    
    launch: function() {
        Ext.Viewport.add(Ext.create('Ext.form.Panel', {
            items: [{
                xtype: 'textfield',
                placeHolder: 'text',
                minHeight: '400px'
            }, {
                xtype: 'textfield',
                placeHolder: 'text',
                minHeight: '400px'
            }, {
                xtype: 'textfield',
                placeHolder: 'text',
                minHeight: '400px'
            }]
        }));
    }
});

HELPFUL INFORMATION
Additional CSS used:

• only default sencha-touch.css

Operating System:

• iOS 5.1.1

[mitchellsimoens]

Thanks for the report.

[tuongaz]

got the same issue