i am trying to implement a row editor grid with quite a few columns, and it appears the rendered form field widths are being miscalculated. if you look at the demo http://www.extjs.com/deploy/dev/exam...ow-editor.html, in IE the fields are too short and 'overlap' the column to the left. in firefox, the opposite appears, and the fields are too wide and overlap the column to the right. this only worsens as additional columns are added.

i have modified http://www.extjs.com/deploy/dev/exam...x/RowEditor.js from

Code:
    verifyLayout: function(force){
        if(this.el && (this.isVisible() || force === true)){
            var row = this.grid.getView().getRow(this.rowIndex);
            this.setSize(Ext.fly(row).getWidth(), Ext.isIE ? Ext.fly(row).getHeight() + 9 : undefined);
            var cm = this.grid.colModel, fields = this.items.items;
            for(var i = 0, len = cm.getColumnCount(); i < len; i++){
                if(!cm.isHidden(i)){
                    var adjust = 0;
                    if(i === (len - 1)){
                        adjust += 3; // outer padding
                    } else{
                        adjust += 1;
                    }
                    fields[i].show();
                    fields[i].setWidth(cm.getColumnWidth(i) - adjust);
                } else{
                    fields[i].hide();
                }
            }
            this.doLayout();
            this.positionButtons();
        }
    },
to this:

Code:
    verifyLayout: function(force){
        if(this.el && (this.isVisible() || force === true)){
            var row = this.grid.getView().getRow(this.rowIndex);
            this.setSize(Ext.fly(row).getWidth(), Ext.isIE ? Ext.fly(row).getHeight() + 9 : undefined);
            var cm = this.grid.colModel, fields = this.items.items;
            for(var i = 0, len = cm.getColumnCount(); i < len; i++){
                if(!cm.isHidden(i)){
                    var adjust = 0;
                    if(i === (len - 1)){
                        adjust += (Ext.isIE)? 1 : 3; // outer padding
                    } else{
                        adjust += (Ext.isIE)? -1 : 2;
                    }
                    fields[i].show();
                    fields[i].setWidth(cm.getColumnWidth(i) - adjust);
                } else{
                    fields[i].hide();
                }
            }
            this.doLayout();
            this.positionButtons();
        }
    },
it appears this remedies the situation, but wanted to throw it out there to be corrected by or help the community.

on an additional note, and one i haven't researched yet, IE does not appear to like when xtypes of 'textarea' are used in the row editor grid plugin. the row does not expand to the height of the textbox as it does in firefox.