Height of Flexi grid increased on mouse hover on grid row in IE9 browser

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Open my application in IE9 browser
2.On Mouse hover on grid row
3.length of flexi grid goes on increasing on mouse hover on any row

Please let me know if you know the solution for this issue.

Original issue reported on code.google.com by swaraj.patil17 on 5 Mar 2012 at 9:21

[GoogleCodeExporter]

I also got the same problem. Did you find a solution?

Tried a lot of options and changes. No luck.

Original comment by mro...@gmail.com on 20 Jul 2012 at 7:34

[GoogleCodeExporter]

Managed to fix it ...

The solution: (From 
http://stackoverflow.com/questions/5819456/flexigrid-ie9-heightauto)

You have to edit the flexigrid js. Append the g object with this:

ie9Fix: function() {
if($(".bDiv").height() != $(".bDiv table").height() && p.height=='auto') {
   $(".bDiv").css({height: $(".bDiv table").height() + 18});
}
},

You have to call ie9Fix function in 2 places

    In the g.dragEnd() function last row (this.ie9Fix();)

    In the g.addRowProp() you have to write a new event:

    .mouseleave(function(){ g.ie9Fix(); })

That's it!

Original comment by mro...@gmail.com on 20 Jul 2012 at 8:01

[GoogleCodeExporter]

Base on the reply by dekarvn on stackoverflow. I have write a small patch :

Appeng h g object with : 
/** Hack for IE9 only added by ADGOL01 **/
ie9Fix: function() {
    if ($.browser.msie && $.browser.version >= 9.0) {
        var bDivH = $(this.bDiv).height();
        var bDivTH = $('table', this.bDiv).height();
        if(bDivH != bDivTH && p.height=='auto') {
            $(this.bDiv).css({height: bDivTH + 18});
        }
    }
},

- In the end of g.addData(), add function :
  this.ie9Fix();

- In the g.addRowProp() you have to write a new event:
    .mouseleave(function(){ g.ie9Fix(); })

I didn't need to add the ie9Fix to g.dragEnd()

Original comment by oliver.g...@gmail.com on 12 Sep 2012 at 10:07

Attachments:

• patch_ie9_width_auto_flexigrid.js.txt

[GoogleCodeExporter]

This patch causes another bug. Flexigrid row heights are miscalculated. Any 
insight into this?

It seems to counter act this patch:
https://github.com/bramstein/jlayout/commit/b5ff32977e136f519236d29593433e87dadb
74d0

Original comment by asherkha...@gmail.com on 19 Sep 2012 at 2:36