the problem with the height of the editor is, that the CellEditing plugin creates a new instance of Ext.grid.CellEditor where from the outside it is not possible to add config information like the autosize information. Solution was to derive from the CellEditing plugin and override the getEditor method where I changed the code like below.

Hiro.

Code:

editor = new Ext.grid.CellEditor({
editorId: editorId,
field: editor,
ownerCt: me.grid,
/* start changing original code */
// make sure the height of the cell will be read from the cell's height.
autoSize: {
width: 'field', // Width from the field
height: 'boundEl'// Height from the boundEl
}
/* end changing original code */
});

The point with the CSS above is that is works perfectly for the cells, but it doesnt for the editor that is placed within the cells when trying to change the value of the cell. The editor does not fit the height that the cell gets by the padding.

the problem with the height of the editor is, that the CellEditing plugin creates a new instance of Ext.grid.CellEditor where from the outside it is not possible to add config information like the autosize information. Solution was to derive from the CellEditing plugin and override the getEditor method where I changed the code like below.

Hiro.

Code:

editor = new Ext.grid.CellEditor({
editorId: editorId,
field: editor,
ownerCt: me.grid,
/* start changing original code */
// make sure the height of the cell will be read from the cell's height.
autoSize: {
width: 'field', // Width from the field
height: 'boundEl'// Height from the boundEl
}
/* end changing original code */
});