View Full Version : itemclick issue in ie9 with tree view

18 Nov 2011, 7:58 AM
I am experiencing a weird issue in ie9. When i click an item in the treeview. the whole treeview panel scrolls up so that is at the top of the page. I'm using ext4

var tree = Ext.create('Ext.tree.Panel', {
title: 'Core Team Projects',
width: 200,
height: 500,
renderTo: 'tree-example',
rootVisible: false,
store: store,
multiSelect: false,
singleExpand: true,
listeners: {
itemclick: function (node, event) {
// this causes the tree view to scoll.
columns: [{
xtype: 'treecolumn',
text: 'Task',
flex: 2,
sortable: true,
dataIndex: 'task'

image1: this is how the page looks when it intially loads.

image2: When i click in IE9 the page scrolls to the op of the tree view


18 Nov 2011, 2:38 PM
What version of Ext JS 4 are you using?

19 Nov 2011, 2:55 AM
Ext JS 4.0.2

21 Nov 2011, 1:33 AM
just tried with ext 4.0.7 and the same issue occurs.

5 Dec 2011, 4:57 AM
I have the exact same issue with Chrome 15 and couldn't figure out what was going on.
The parameters for the Tree-panel are the same as Anthony's, or at least I've reduced my application to his parameters and the behaviour is the same.
I'm using Ext JS 4.0.2a.
Any fix or update ?

5 Dec 2011, 5:49 AM
is this also happening with the 4.1 PR version?

5 Dec 2011, 6:16 AM
Nop, just downloaded it and tested it, it still "jumps", ie. the windows scrolls down so as to have the top of the tree at the top of the window.
Please note that my treeview is larger than the window height and that this behaviour does not happen when the tree is smaller than the window height !

More info :
When I try the following example in Chrome :
(http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tree/reorder.html)And I shrink my browser window so as to hide the bottom half of the tree panel, and then I click on 'button' (the folder image or the text) : the panel jumps up.
If I try again (without reloading the page, just scroll back to the top and re-click) : the panel does not jump.
If I expand a folder before I try to click, the panel does not jump.

Maybe this behaviour is intentional, in which case, can we disable it ?

14 Jun 2012, 6:02 PM
Does anybody have answer to this question? I am experiencing the same issue. If it's an intended behavior then is there a solution to it? Any help is truly appreciated.



19 Mar 2013, 10:11 AM
I just started to notice this behavior in Ext JS 4.2. I did not experience this is 4.1.1a.

Does anyone know what causes this or how to resolve it?