Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    TreeGrid dropping rows, but only in Chrome

    SC_SNAPSHOT-2010-12-20/LGPL Deployment (built 2010-12-20)

    Recently I've noticed that when I load around 40 rows from an AJAX request into my TreeGrid, rows near the end of the data set don't appear. For example, if I return 100 rows from the back end, only the first 95 of them appear.

    I've verified beyond doubt that the entire response is being delivered correctly and in the right format.

    Oddly, this behavior only happens in Chrome. It works just fine in Firefox.

    Is it time for me to upgrade to the latest version?

    Thanks for the help.

    #2
    I'll post the solution to my own problem.

    The issue was being caused by two CSS styles I had in my own style sheet:

    * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    table {
    border-collapse: collapse;
    }

    To fix it, I wrapped my TreeGrid in an outer div with a class called "isomorphic", and added two new styles:

    .isomorphic table td{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    }

    .isomorphic table {
    border-collapse: separate;
    }

    Isomorphic folks, it would be really great if you could provide the proper resets to your styles so this kind of thing wouldn't be necessary.

    Comment

    Working...
    X