itemclick issue in ie9 with tree view

[Anthony.Hall]

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.
page1.jpg

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

page2.jpg

[mitchellsimoens]

What version of Ext JS 4 are you using?

[Anthony.Hall]

Ext JS 4.0.2

[Anthony.Hall]

just tried with ext 4.0.7 and the same issue occurs.

[blaise_barbe]

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 ?

[tobiu]

is this also happening with the 4.1 PR version?

[blaise_barbe]

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 ?
Blaise

[ritesh.patel]

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.

Thanks,

Ritesh

[cruisencode]

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?