Row height changes with wrap=true

[stoodin]

I have a case where I enter a value in cell that is very long. The grid properly adjusted the height and all value is visible (see attachment).
However when I click on any other cell withing the same grid the row height gets back to the original height which is smaller than wrapped one and the wrapped value is cut off.
Please see attachment.
Thank you for your help.

I am using IE7 and grid with:
$(function () {   
    var obj = {
        width: 975,
        height: 400,
        wrap: true,
        showBottom: false,
        showHeader: true,
        showTop: false,
        rowBorders: true,
        numberCell: { show: false },
        collapsible: false,
        trackModel : { on: true },
        flexHeight: true,
        flexWidth: true,
        virtualX: true,
        scrollModel: { horizontal: false },
        hoverMode: 'cell',
        editModel: {
           saveKey:$.ui.keyCode.ENTER,
           cellBorderWidth: 1,
           clicksToEdit: 1,
           onBlur: 'save',
            keyUpDown:true},

[paramvir]

IE 7 is no longer actively supported, however I couldn't reproduce this issue in IE7 with similar settings.

Could you please post complete reproducible test case ( source code along with data ) or better a jsfiddle.

And why have you kept virtualX : true, it doesn't serve any purpose when flexWidth is true or width = 'flex'.