You found a bug! We've classified it as EXTJS-9192 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    974
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      2  

    Default [4.2.0 GA] GridViewDragDrop/TreeViewDragDrop causes scrolling on selection

    [4.2.0 GA] GridViewDragDrop/TreeViewDragDrop causes scrolling on selection


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2.0 GA
    Browser versions tested against:
    • Chrome
    • IE9
    • FireFox
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description: Steps to reproduce the problem:
    • Scroll to the bottom
    • Select any row
    The result that was expected:
    • The scrollbar keeps its position
    The result that occurs instead:
    • The scrollbar jumps
    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>GridViewDragDrop causes scrolling on selection</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                var data = [],
                    i;
    
                for (i = 0; i < 50; i++) {
                    data[i] = { test: "test" + i };
                }
    
                Ext.create("Ext.grid.Panel", {
                    renderTo: Ext.getBody(),
                    width: 200,
                    height: 400,
                    store: {
                        fields: [{
                            name: "test"    
                        }],
                        data: data
                    },
                    columns: [{
                        text: "Test",
                        dataIndex: "test"
                    }],
                    viewConfig: {
                        plugins: {
                            ptype: "gridviewdragdrop"
                        }
                    }
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,789
    Vote Rating
    833
    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


    Thanks for the report! I have opened a bug in our bug tracker.

    On my Chrome (Mac) the scroll doesn't move but the scroll bar flashes so it tells me that something is happening there.

  3. #3
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    974
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default


    Thank you, Mitchell!

    Just to clarify: I tested on Windows 7.
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

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

      0  

    Default


    I think this is happening for trees as well.

    I'm using the TreeViewDragDrop plugin and I have containerScroll set to true. When I scroll down and select a tree node the scrollbar jumps and, even more concerning, the itemclick event is not fired.

    I have not tried this without the plugin (or setting containerScroll to false) yet. I'll do this later tonight or on Friday.

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

      0  

    Default


    I just tested this and found that setting containerScroll to false doesn't fix the issue. However, removing the plugin does fix the issue.

  6. #6
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    974
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default


    Hi @cruisencode,

    Thank you for the additional info. More info => more chanches to get the best fix.
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  7. #7
    Sencha User
    Join Date
    Jun 2008
    Posts
    138
    Vote Rating
    7
    jchau is an unknown quantity at this point

      0  

    Default


    Any updates on this bug? We are seeing the same issue with TreePanel and dragdrop plugin. In our case, it is causing users to double click on the wrong treenode. The first click moves the scrollbar so much that the 2nd click falls on another treenode. It is definitely worst in IE.

  8. #8
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    974
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      1  

    Default


    Working on a workaround/fix for this issue I discovered that initializing drag&drop a bit later than on the "render" event, i.e. on the "afterrender" one, helps remedy the problem. At least, for a grid.

    Code:
    Ext.grid.plugin.DragDrop.override({
        init : function(view) {
            view.on('afterrender', this.onViewRender, this, {single: true}); // "afterrender" instead "render"
        }
    });
    I didn't test with a tree, but I believe the following should also work.
    Code:
    Ext.tree.plugin.TreeViewDragDrop.override({
        init : function(view) {
            view.on('afterrender', this.onViewRender, this, {single: true}); // "afterrender" instead "render"
        }    
    });
    Well, I think it might be required to investigate the root of the problem, but, at least, it should not break anything and looks an absolutely appropriate workaround without having any backside effects.

    Could someone test and confirm?
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

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

      0  

    Default


    I'll have to test this when I get some time.

    Unfortunately, I didn't see this bug on the list for 4.2.1 Beta 1.

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

      0  

    Default


    I just tested the tree fix and confirmed that it works.

    Thanks!

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi