[johnvanham]

Hello,

If you have a table which has many columns the table automatically scrolls horizontally. This is fine.

However when that is the case, and you move your mouse over the table rows, the height of the table grows every time the mouse moves over a table row. A quick Google shows this is a bug in Flexigrid and IE9 and there are some workarounds.

What I need help with though is finding where to apply the workarounds because the flexigrid in GroceryCrud looks very different to the original at flexigrid.info

Thanks

[johnvanham]

I just put in a workaround in flexgrid.js after line 75 like this:

$('#filtering_form').ajaxStop(function(){

  //Fix expanding height in IE9

  if ($.browser.msie && parseInt($.browser.version, 10) == 9) {

   $(".bDiv").css({height: $(".bDiv table").height() + 26});

  }

  $('#ajax_refresh_and_loading').removeClass('loading');

});

Not sure if that's the best way of doing it as it still goes nuts until the ajax call has finished if you move your mouse over the grid, but at least it is only for a brief moment now and users might not notice!