Hallo,

in row editor plugin you the see the shadow bug on the following screenshot:


ShadowBug.jpg


The shadow is crashed in case the width of grid is not set.

In case the grid height is small the shadow, it the content is scrolled and the row editors is hidden by header container.



Code:



Ext.application({    name : 'Fiddle',


    launch : function() {
        var store = Ext.create('Ext.data.Store', {
            storeId:'simpsonsStore',
            fields:['name', 'email', 'phone'],
            data: []
        });
        
        for(var i=0; i<100; i++) {
            store.add({
                "name":"Lisa",
                "email":"lisa@simpsons.com",
                "phone":"555-111-1224",
                age: i
            })
        }
        Ext.create('Ext.grid.Panel', {
            title: 'Simpsons',
            store: store,
            columns: [
                {header: 'Name',  dataIndex: 'name', editor: 'textfield'},
                {header: 'Email', dataIndex: 'email', flex:1,
                    editor: {
                        xtype: 'textfield',
                        allowBlank: false
                    }
                },
                {header: 'Phone', dataIndex: 'phone'},
                {
                    header: 'Age',
                    dataIndex: 'age',
                    editor:{
                        allowBlank:false,
                        xtype:'numberfield',
                        minValue: 10
                    }
                }
            ],
            selModel: 'rowmodel',
            plugins: {
                ptype: 'rowediting',
                clicksToEdit: 1
            },
            height: 200,
            // No Width make shadow bug.
            //width: 400,
            renderTo: Ext.getBody()
        });
    }
});