1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    80
    Answers
    1
    Vote Rating
    1
    Anthony.Hall is on a distinguished road

      1  

    Default Unanswered: itemclick issue in ie9 with tree view

    Unanswered: itemclick issue in ie9 with tree view


    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

    Code:
    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
    Last edited by skirtle; 18 Nov 2011 at 10:09 AM. Reason: Added CODE tags

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,206
    Answers
    3517
    Vote Rating
    856
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    What version of Ext JS 4 are you using?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Posts
    80
    Answers
    1
    Vote Rating
    1
    Anthony.Hall is on a distinguished road

      0  

    Default Ext JS 4.0.2

    Ext JS 4.0.2


    Ext JS 4.0.2


  4. #4
    Sencha User
    Join Date
    Aug 2011
    Posts
    80
    Answers
    1
    Vote Rating
    1
    Anthony.Hall is on a distinguished road

      0  

    Default


    just tried with ext 4.0.7 and the same issue occurs.

  5. #5
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    1
    blaise_barbe is on a distinguished road

      0  

    Default


    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 ?

  6. #6
    Sencha User tobiu's Avatar
    Join Date
    May 2007
    Location
    Munich (Germany)
    Posts
    2,681
    Answers
    130
    Vote Rating
    112
    tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all

      0  

    Default


    is this also happening with the 4.1 PR version?
    Best regards
    Tobias Uhlig
    __________

    S-CIRCLES Social Network Engine

  7. #7
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    1
    blaise_barbe is on a distinguished road

      1  

    Default


    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

  8. #8
    Sencha User
    Join Date
    Sep 2011
    Location
    Frederick, MD
    Posts
    10
    Vote Rating
    1
    ritesh.patel is on a distinguished road

      0  

    Default


    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

  9. #9
    Sencha User
    Join Date
    Oct 2012
    Posts
    6
    Vote Rating
    0
    cruisencode is on a distinguished road

      0  

    Default


    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?