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

Thread: Ext JS 6.2.1: Header and grid cells out of sync in locked grid

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-23619 in 6.5.1.
  1. #1
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    18

    Default Ext JS 6.2.1: Header and grid cells out of sync in locked grid

    In 6.2.1, the grid headers of a locked grid become out of sync with the cells when you scroll down and then click on a cell.

    To reproduce the issue, just load up the fiddle below, scroll the grid down a few rows and then click on a cell in the right column (for me, that is "Column 6"). The view then scrolls up again and in the process, the grid headers become out of sync with the content cells.

    https://fiddle.sencha.com/#view/editor&fiddle/1p84

    The problem is also present in the latest nightly build 6.2.2.133.
    Attached Images Attached Images

  2. #2

    Default

    I see what you are saying in the screenshot but not seeing it happen in my browser. Tried three and not seeing it. Can you give me some more information OS, browser, version?


    Kevin Jackson
    Sencha Support Team

  3. #3
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    18

    Default

    I can reproduce the issue in any browser... Tried Firefox 51.0.1, Internet Explorer 11 and Chrome 56.0, all running on Windows 7 64-bit.

    To be exactly clear: You have to scroll the grid down before clicking a cell in the right column. I noticed that the bug does not happen if you scroll all the way to the right before scrolling down.

  4. #4
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    18

    Default

    Could you please try to reproduce this one more time? I double-checked with some of my colleagues, and they all could reproduce the issue with the fiddle I provided.

    Please load up the fiddle, then scroll down a bit using the mousewheel (not all the way down, and don't scroll horizontally), then click on any cell in the column titled "Column 6".

  5. #5
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    18

    Default

    Alright, I took some time to investigate myself. To me it seems you changed the way that TableScroller.scrollIntoView works and forgot to handle the locked grid case. Including this patch fixes the issue for me:

    Code:
    Ext.define('Patch', {
                override: 'Ext.scroll.TableScroller',
    
    
                scrollIntoView: function (el, hscroll, animate, highlight) {
                    var lockingScroller = this.getLockingScroller();
                    if (lockingScroller) {
                        lockingScroller.scrollIntoView(el, hscroll, animate, highlight);
                    } else {
                        this.callParent(arguments);
                    }
                }
            });
    Of course, this solution is merely based on some advanced guessing from my side and I'm not sure if it has any side effects, so it would be nice if you could acknowledge the issue and fix it as soon as possible.

  6. #6
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    18

    Default

    Well... As I feared, my patch does not fully fix the issue and introduces new, similar problems. So, forget about it.

  7. #7

    Default

    I'm now seeing the issue. Will file a report on it.


    Kevin Jackson
    Sencha Support Team

  8. #8

    Default

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

  9. #9
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    18

    Default

    Alright, thanks for looking into this again!

    The header of this thread now states that "a fix was applied for EXTJS-23619 in 6.5.0." and is marked as "[FIXED]". Does that mean you already have a fix? If that is the case, can you help me out with an override so we can update to 6.2.1? Alternatively, if it is included in the 6.2.2 nightlies, maybe I can extract a fix myself from the changes?

  10. #10

    Default

    Checking on it for you. The fix is not in the 6.2 nightlies so I am checking with our engineers to see if there is a reason for that.


    Kevin Jackson
    Sencha Support Team

Page 1 of 2 12 LastLast

Similar Threads

  1. locked view and header are out of sync after collapsing node
    By ragzovskii in forum Ext JS 6.x Bugs
    Replies: 2
    Last Post: 28 Jan 2017, 7:27 PM
  2. columns out of sync in 6.2 RTL locked grid
    By mankz in forum Ext JS 6.x Bugs
    Replies: 2
    Last Post: 3 Nov 2016, 12:31 AM
  3. [FIXED] Header sync issue in locked rtl grid
    By ragzovskii in forum Ext JS 6.x Bugs
    Replies: 2
    Last Post: 9 Sep 2016, 9:45 AM
  4. how to keep two cells in the same row in a grid in sync?
    By rsuliteanu in forum Sencha Ext JS Q&A
    Replies: 3
    Last Post: 12 Nov 2015, 8:02 AM
  5. Grid Locked Dirty Cells CSS Bug
    By CableDawg in forum Ext 1.x: Bugs
    Replies: 0
    Last Post: 4 May 2007, 12:54 PM

Tags for this Thread

Posting Permissions

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