Try running the simple code below to display editor grid. It runs ok on FF3/Opera9.63/Safari3.2.2, but get's broken on IE7. It displays ok first, but after clicking on any cell in second or third column, the whole grid content is moved to left, hiding all left-most columns, making it completely unusable.
I checked it works ok with ext-all-debug.js from 2.2, and is broken in ext-all-debug.js from 2.2.1.
Problem occur only for forceFit=true.
Code:
Ext.onReady(function() {
new Ext.Viewport({
layout : 'fit',
items : [{
xtype : 'editorgrid',
title : 'Entries',
viewConfig : {
forceFit : true
},
store : new Ext.data.Store({
autoLoad : true,
proxy : new Ext.data.MemoryProxy({
data : [{day:"10-10-2000",duration:"8h",description:"aaa"},
{day:"11-10-2000",duration:"7h",description:"bbb"},
{day:"12-10-2000",duration:"6h",description:"ccc"}]
}),
reader : new Ext.data.JsonReader({
root : 'data',
fields : ['day', 'description',
'duration']
})
}),
columns : [{
header : "Date",
dataIndex : 'day'
}, {
header : "Time",
dataIndex : 'duration'
}, {
header : "Description",
dataIndex : 'description'
}]
}]
});
});