Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
    panpur is on a distinguished road

      0  

    Default Fast scrolling bug on infinite grid with variableRowHeight: true

    Fast scrolling bug on infinite grid with variableRowHeight: true


    REQUIRED INFORMATION
    Ext version tested:
    • Ext 4.1.1
    Browser versions tested against:
    • Chrome 23
    Description:
    • Fast scrolling on infinite grid with variableRowHeight, sometimes causing partially empty grid to be shown.
    Steps to reproduce the problem:
    • Do fast scrolling on infinite grid with variableRowHeight, repeatedly
    The result that was expected:
    • Grid data should be correctly displayed
    The result that occurs instead:
    • Partially empty grid sometimes displayed
    • "Uncaught TypeError: Cannot call method 'getXY' of null" may also occurred
    Test Case:
    http://jsfiddle.net/panpur/wufyQ/


    HELPFUL INFORMATION
    Screenshot:Additional CSS Used:
    • .x-grid-cell-inner {
      white-space: normal !important;
      }
    Operating System:
    • Win 7
    Last edited by panpur; 5 Dec 2012 at 7:33 PM. Reason: fix title, add example url

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


    Using one of the examples that comes with 4.1.1 and Chrome I cannot reproduce this an dI'm scrolling as fast as I can changing directions a lot
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
    panpur is on a distinguished road

      0  

    Default


    Which example is that?
    AFAIK none of those infinite grid examples having variable row height.

  4. #4
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
    panpur is on a distinguished road

      0  

    Default


    Ok, I've added a test case on original post and also a new screenshot.
    The test case is basically infinite-scroll.html example with slight modifications, which are:
    - Set Topic column width to 150
    - Add CSS to allow wrap
    .x-grid-cell-inner {
    white-space: normal !important;
    }

    Please note that the occurrence is quite rare, but it happens,

  5. #5
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
    panpur is on a distinguished road

      0  

    Default


    Actually this is not related with EXTJSIV-6313, so the title is wrong.
    Looking at chrome developer console, it seems that the table is not correctly positioned.
    Code:
    <table class="x-grid-table x-grid-table-resizer" border="0" cellspacing="0" cellpadding="0" style="width: 1018px; position: absolute; top: 216.07164179104478px;">
    Notice that "top:216.07164179104478px", I think it should be 0.
    I've also added example url on the original post so that ExtJS devs can test it.

  6. #6
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
    panpur is on a distinguished road

      0  

    Default


    I've found a workaround. Put this code on onViewScroll function in PagingScroller.js to make sure the table positioned correctly.
    Code:
    var top = parseInt(view.el.child('table', true).style.top.replace('px', ''));
    
    if(me.position < view.el.dom.clientHeight && top > me.position) {
        me.position = 0;
        me.setTableTop(0);
    }

Thread Participants: 1