Results 1 to 6 of 6

Thread: IE Horizontal Scroll Moves when Scrolling Vertically

    You found a bug! We've classified it as EXTJS-16740 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Sep 2014
    Posts
    21

    Default IE Horizontal Scroll Moves when Scrolling Vertically

    Environment - IE 11 , 10 , 9 , 8
    Chrome - No Problem
    Ext JS Version - 4.2
    Fiddle - https://fiddle.sencha.com/#fiddle/g5q

    I am using a grid with 'selType:cellModel' in that I have columns more than the size of grid so horizontal scroll bar appears. When there are many records and vertical scroll bar displayed and I am on the last column and then trying to scroll up or down then sometimes horizontal scroll bar also moves for a fraction of second which doesn't gives you good UI experience.

    Same scenario with chrome works fine.

    I tried my fiddle with 5.0 also thought of problem may be solved in new version but it couldn't, 5.0 also gives you same behaviour for IE.

    For Ext JS v 4.2 I found below code of 'Ext.view.Table' which makes save the state of horizontal scroll bar and restore it when cell focus moves .

    Code:
        // Private
        // Implementation which saves and restores scroll position on IE.
        doFocus: function(rowDom) {
            var me = this,
                saveScroll = Ext.isIE,
                scrollLeft;
    
            if (saveScroll) {
                scrollLeft = me.el.getScrollLeft();
                me.ignoreScroll = true;
            }
    
            (me.focusEl = Ext.get(rowDom)).focus();
    
            if (saveScroll) {
                me.el.setScrollLeft(scrollLeft);
                me.ignoreScroll = false;
            }
        },
    Is this a bug in Ext JS ? Is there workaround exist ?

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Sounds like a bug, but I haven't been able to reproduce this. I tried in various versions of IE. I scrolled horizontally to the last column, then tried various types of scrolling (arrow buttons, pulling scroller, scroll wheel) but I don't see the horizontal scroller moving at all. Can you please provide a bit more detail on how you are making this happen?

  3. #3
    Sencha User
    Join Date
    Sep 2014
    Posts
    21

    Default

    Use Same fiddle in IE 11 or less in windows 7.

    Go to last row and last column 'Phone4' and then try to scroll up using arrow UP key, you will find that
    grid flicker for a fraction of second .

    If you see the code and scroll behaviour when you move scroll Ext JS tries to restore the position of scroll, which is not good UI experience I believe.

    Please let me know if you need anything else.

  4. #4
    Sencha User
    Join Date
    Sep 2014
    Posts
    21

    Default

    Is there any solution exist for above issue ?

  5. #5
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Not sure about a solution yet, but this is a bug so I'm moving the thread to the Bugs forum.

  6. #6
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

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

Posting Permissions

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