Locked column heights not equal in IE

[jaetea]

If the content of a column wraps to a second line the entire layout of the grid breaks. It works fine in Chrome but not in IE.

[jaetea]

Anyone???

[dylans]

I see the issue in your screenshot, but it would really help if you could point to an example or testcase (e.g. can you reproduce this with one of the dgrid tests, etc.).

[jaetea]

Here's a simple JSFiddle. You can see the different between IE and chrome. I made alternating bg colors like our app so you can see how it can become more noticeable

http://jsfiddle.net/JaeTea/ktbjC/38/

[kfranqueiro]

Thanks for the JSFiddle; I can see it clearly there.

I could've sworn we resolved this in the past via some height: 100% rules in ColumnSet's styles, but they don't seem to be having the intended effect. I'll have to see if I can dig up some of the history on that...

[jaetea]

@kfranqueiro the height style in in the css but its still not rendering correctly.

.dgrid-column-set {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

[jaetea]

@dylans Just wanted to see if there is any solution to this. We are using locked dgrids throughout our application and need to support IE.

[jaetea]

Any updates?????