[4.1.x] IE: Selecting item in Ext.view.View when scrolled down makes scrollbar jump

[andyjl]

REQUIRED INFORMATION

Ext version tested:

• Ext 4.1.1
• Ext 4.1.3

Browser versions tested against:

• IE8
• IE9

DOCTYPE tested against:

• HTML5

Description:

• In IE, if I select an item in an Ext.view.View when it's scrolled down, the scroll bar jumps to the top. This is not a problem in Firefox or Google Chrome.

Steps to reproduce the problem:

• Run the code in the test case (or check out the live preview in the Ext.view.View documentation)
• Resize the browser so that the view has to scroll
• Scroll down and select one of the items in the view

The result that was expected:

• The scrollbar should not have jumped up - it should have stayed in place

The result that occurs instead:

• The scrollbar jumped to the top

Test Case:

Ext.define('Image', {
    extend: 'Ext.data.Model',
    fields: [
        { name:'src', type:'string' },
        { name:'caption', type:'string' }
    ]
});


Ext.create('Ext.data.Store', {
    id:'imagesStore',
    model: 'Image',
    data: [
        { src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts' },
        { src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data' },
        { src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme' },
        { src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned' }
    ]
});


var imageTpl = new Ext.XTemplate(
    '<tpl for=".">',
        '<div style="margin-bottom: 10px;" class="thumb-wrap">',
          '<img src="{src}" />',
          '<br/><span>{caption}</span>',
        '</div>',
    '</tpl>'
);


Ext.create('Ext.view.View', {
    store: Ext.data.StoreManager.lookup('imagesStore'),
    tpl: imageTpl,
    itemSelector: 'div.thumb-wrap',
    emptyText: 'No images available',
    renderTo: Ext.getBody()
});

HELPFUL INFORMATION

See this URL for live test case: http://docs.sencha.com/ext-js/#!/api/Ext.view.View - view the live preview of the example

Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Windows 7 SP1 64-bit

[mitchellsimoens]

Thank you for the report.