src/gridlayout-ie.js
function() {

    var cellSelector = '' +
    '.gl-cell > .gl-vertical,' +
    '.gl-cell > .gl-fill,' +
    '.gl-cell > .gl-scrollview,' +
    '.gl-cell > .gl-scrollview > .gl-scrollview-content';

    var $cells = document.querySelectorAll(cellSelector);
    var i;
    var $parent;
    var cell;
    var parent;

    for(i = 0; i < $cells.length; i++) {

      cell = getBoundingClientRect.call($cells[i]);
      $parent = $cells[i].parentNode;
      parent = getBoundingClientRect.call($parent);

      var parentDisplay;
      if($parent.currentStyle) {
        parentDisplay = $parent.currentStyle.display;
      } else {
        parentDisplay = window.getComputedStyle($parent).display;
      }

      // instead of checking for IE by user agent, check if
      // and the height is wrong.
      if(cell.height !== parent.height) {

        // we can't separate property read/write into separate loops,
        // for performance with reflows, because we need to have the
        // corrent dimensions set on a cell parent, once we reach a child.
        $cells[i].style.height = parent.height + 'px';

        // some rows without dimensions set take up more space than needed.
        if(parentDisplay === 'table-row') {
          $parent.style.height = parent.height + 'px';
        }

      }

    }

  }
function() {

    var cellSelector = '' +
    '.gl-cell > .gl-vertical,' +
    '.gl-cell > .gl-fill,' +
    '.gl-cell > .gl-scrollview,' +
    '.gl-cell > .gl-scrollview > .gl-scrollview-content';

    var $cells = document.querySelectorAll(cellSelector);
    var i;
    var $parent;
    var cell;
    var parent;

    for(i = 0; i < $cells.length; i++) {

      cell = getBoundingClientRect.call($cells[i]);
      $parent = $cells[i].parentNode;
      parent = getBoundingClientRect.call($parent);

      var parentDisplay;
      if($parent.currentStyle) {
        parentDisplay = $parent.currentStyle.display;
      } else {
        parentDisplay = window.getComputedStyle($parent).display;
      }

      // instead of checking for IE by user agent, check if
      // and the height is wrong.
      if(cell.height !== parent.height) {

        // we can't separate property read/write into separate loops,
        // for performance with reflows, because we need to have the
        // corrent dimensions set on a cell parent, once we reach a child.
        $cells[i].style.height = parent.height + 'px';

        // some rows without dimensions set take up more space than needed.
        if(parentDisplay === 'table-row') {
          $parent.style.height = parent.height + 'px';
        }

      }

    }

  }
function ( ) { var cellSelector = '' + '.gl-cell > .gl-vertical,' + '.gl-cell > .gl-fill,' + '.gl-cell > .gl-scrollview,' + '.gl-cell > .gl-scrollview > .gl-scrollview-content' ; var $cells = document . querySelectorAll ( cellSelector ) ; var i ; var $parent ; var cell ; var parent ; for ( i = 0 ; i < $cells . length ; i ++ ) { cell = getBoundingClientRect . call ( $cells [ i ] ) ; $parent = $cells [ i ] . parentNode ; parent = getBoundingClientRect . call ( $parent ) ; var parentDisplay ; if ( $parent . currentStyle ) { parentDisplay = $parent . currentStyle . display ; } else { parentDisplay = window . getComputedStyle ( $parent ) . display ; } // instead of checking for IE by user agent, check if // and the height is wrong. if ( cell . height !== parent . height ) { // we can't separate property read/write into separate loops, // for performance with reflows, because we need to have the // corrent dimensions set on a cell parent, once we reach a child. $cells [ i ] . style . height = parent . height + 'px' ; // some rows without dimensions set take up more space than needed. if ( parentDisplay === 'table-row' ) { $parent . style . height = parent . height + 'px' ; } } } }
set the correct grid and scrollview sizes
set the correct grid and scrollview sizes