Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: [4.2.0 RC] GridPanel + IE: scrollbar jumps to beginning on select in unlocked area

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-8975 in 4.2.2.1144.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default [4.2.0 RC] GridPanel + IE: scrollbar jumps to beginning on select in unlocked area

    REQUIRED INFORMATION

    Ext version tested:

    • Ext 4.2.0 RC

    Browser versions tested against:
    • IE9 - FAIL
    • Chrome - OK
    • FireFox - OK

    DOCTYPE tested against:
    • <!DOCTYPE html>

    Description:
    • A GridPanel's horizontal scrollbar of unlocked area jumps to the beginning if select a row. It happens in IE only. In FireFox and Chrome it is OK. Also it seems happen with a locked GridPanel only.

    Steps to reproduce the problem:
    • Scroll to the right
    • Select any row

    The result that was expected:
    • The scrollbar is immovable.

    The result that occurs instead:
    • The scrollbar jumps to the beginning

    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>GridPanel scrollbar jumps to beginning on select if lockable</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                Ext.create("Ext.grid.Panel", {
                    renderTo: Ext.getBody(),
                    width: 200,
                    store: {
                        fields: [{
                            name: "test1"    
                        }, {
                            name: "test2"    
                        }, {
                            name: "test3"    
                        }],
                        data: [{
                            test1: "1",
                            test2: "2",
                            test3: "3"
                        },
                        {
                            test1: "4",
                            test2: "5",
                            test3: "6"
                        }, {
                            test1: "7",
                            test2: "8",
                            test3: "9"
                        }]
                    },
                    columns: [{
                        text: "Test1",
                        dataIndex: "test1",
                        locked: true
                    }, {
                        text: "Test2",
                        dataIndex: "test2"
                    }, {
                        text: "Test3",
                        dataIndex: "test3"
                    }]
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>

    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

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

  3. #3
    Sencha User
    Join Date
    Jun 2008
    Posts
    138

    Default

    Any updates on this? This makes it very frustrating to scroll and select grid records.

  4. #4
    Sencha User
    Join Date
    Jun 2008
    Posts
    138

    Default

    Will this make it to 4.2.1 final release? It seems like a small issue but it's very annoying when you are actually the end user trying to view data.

  5. #5

  6. #6
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default

    It appears to be not reproducible (at least, my test case) with 4.2.1 GA.

    This note in the Release Notes appears to be related.
    EXTJSIV-8795 Grids lose horizontal scroll position on row focus in IE

    So, can we consider it is fixed?

    By the way, I feel that the fix restores a scroll position. Just when tested I saw some flicker effect on scrollbar. Well, anyway, it looked very faint, so, should not be a problem.
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  7. #7
    Sencha User
    Join Date
    Mar 2008
    Location
    San Jose, CA
    Posts
    124

    Default Wild Grid flicker when autoscrolling and selecting remotely in grid

    I have a bug related to this fix for 4.2.1:

    A 4.2.1 grid that works great in FF and Chrome, and displays shock and awe ( MAJOR FLICKER and JUMPING) when I remotely select all rows from a second grid in a second panel below (hbox container layout).

    In doing records association, I have a control grid that controls my main grid. When I select a record in the control grid, the main grid will show which records are associated with that control grid record, and autoselect themselves. Auto-scroll is used if the selected area in the main grid is not in the current window view..

    As the grid rows select themselves (remotely controled) in the main grid, the autoscroll triggers, and the screen flickers and jumps around. Keep in mind, in some record associations, most or all records are remotely selected in the main grid. I have maybe 80 rows, 60 of which are not currently viewed in the container area (scrolled off screen).

    So anyway, it looks like selection via remote logic that autoscrolls to top of the selected area, has all kinds of problems in IE9/10 that do not exist in FF23 and Chrome. Please suggest anything I might try to fix this..

    It looks like partially a performance problem; the selection is very fast in Chrome and FF, and just slow as heck in IE (as it flickers, jumps and finally selects all rows).
    Experienced ExtJs Freelance Consultant - RIA Designer
    Available for Sencha Touch & ExtJS projects - SF Bay Area

  8. #8
    Sencha Premium Member
    Join Date
    Mar 2008
    Posts
    15

    Default

    Does anyone have a workaround for this? (without upgrading to 4.2.1)

  9. #9
    Sencha Premium Member
    Join Date
    Mar 2008
    Posts
    15

    Default

    This seemed to do it for us.

    /**
    * Fix for a bug in ExtJS 4.2.0
    * calling row.focus() causes the grid to reset it scroll position in IE
    * Remove this when upgrading to EXTJS 4.2.2 if it is not required any more
    */
    Ext4.override(Ext.view.Table, {
    focusRow: function(rowIdx) {
    var me = this,
    row,
    gridCollapsed = me.ownerCt && me.ownerCt.collapsed,
    record;
    if (me.isVisible(true) && !gridCollapsed && (row = me.getNode(rowIdx, true)) && me.el) {
    record = me.getRecord(row);
    rowIdx = me.indexInStore(row);

    me.selModel.setLastFocused(record);
    if(!Ext4.isIE){
    row.focus();
    }
    me.focusedRow = row;
    me.fireEvent('rowfocus', record, row, rowIdx);
    }
    }
    });

  10. #10
    Sencha User
    Join Date
    Jan 2015
    Posts
    1

    Default

    Keyboard navigation not working after applying the given fix.

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •