PDA

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



andyjl
31 Oct 2012, 2:17 PM
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 (http://docs.sencha.com/ext-js/#!/api/Ext.view.View))
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
1 Nov 2012, 5:50 AM
Thank you for the report.