[CLOSED] weird horizontal scrolling effect in a grid with horizontal scrollbar in IE 11

  1. #1

    [CLOSED] weird horizontal scrolling effect in a grid with horizontal scrollbar in IE 11

    Hi:

    This issue occurs only in IE 11. It doesn't occur in FF (33.0.2) or Chrome (38.0.2125.111 m). To reproduce:

    1. Go to this sample: https://examples2.ext.net/#/GridPane.../Cell_Editing/ in IE 11.
    2. Click on a cell on the last column (Last Updated). It is important that the horizontal scrollbar is on (it should be). What happens is that the grid is scrolled quickly backwards then back to where it was when I clicked on the cell. It gives the impression the grid has a spaz attack when you click on the cell :-)) . Joking aside, it is very annoying. Another way to reproduce it is to move the selection to a cell on the last column then use the UP/DOWN keys to navigate up and down the column. Every time you press the key the grid sort of "shakes" ( it's really changing temporarily the view position).

    I really hope that you find a solution to this because it is annoying like hell. This issue did not occur in version Ext.Net 2.2.1.

    Thank you!
    Last edited by Daniil; Nov 18, 2014 at 5:24 PM. Reason: [CLOSED]
  2. #2
    There is a workaround for part of it, but it is still open on the forum.

    http://forums.ext.net/showthread.php...cting-a-record
  3. #3
    @JakeM: Thanks for the extremely prompt response!

    This code snippet posted here: http://www.sencha.com/forum/showthre...l=1#post990314 (it was referenced in the thread you posted (http://forums.ext.net/showthread.php...cting-a-record) solved it for me.

    I am going to see what the fix was by comparing the source code...

           /**
            * 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
            */
           Ext.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 (!Ext.isIE) {
                   row.focus();
                 }
                 me.focusedRow = row;
                 me.fireEvent('rowfocus', record, row, rowIdx);
               }
             }
           });
    Thanks again.
    Last edited by bogc; Nov 07, 2014 at 10:55 PM.
  4. #4
    I don't know if it helps but I attached the source code difference between version 4.2.1 and 4.2.2. The code doesn't resemble at all with the code snippet posted on the sencha thread. For now, I am going to use that code snippet because it does the trick.
    Last edited by bogc; Nov 07, 2014 at 10:43 PM.
  5. #5
    Hi @bogc,

    You might be interested in this post.
    http://forums.ext.net/showthread.php...l=1#post210851
  6. #6
    Thanks, Daniil. Just curious, this issue doesn't occur in Ext.Net 3.0, does it?
  7. #7
    Yes, I could not reproduce it with Ext.NET v3.0.

Similar Threads

  1. Replies: 24
    Last Post: Apr 26, 2016, 10:43 PM
  2. Horizontal Scrollbar in GridPanel
    By dangerlinto in forum 2.x Help
    Replies: 1
    Last Post: Aug 25, 2014, 6:58 PM
  3. [CLOSED] enable horizontal scrollbar in the gridpanel 2.x
    By farallones in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 23, 2013, 3:51 PM
  4. No horizontal scrollbar displayed
    By benti in forum 1.x Help
    Replies: 1
    Last Post: Aug 08, 2011, 5:39 PM
  5. [CLOSED] GridPanel horizontal scrollbar
    By jeybonnet in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: May 27, 2011, 6:00 AM

Posting Permissions