Rowedting Bug: Save and Cancel buttons not show, if grid height is low

[Arkas]

Ext version tested:

• Ext 6.00 rev from online docs
• Ext 6.0.1 rev 250

Browser versions tested against:

• Chrome (48.0.2564.97 m)

The z-index of x-grid-row-editor-buttons and x-grid-header-ct are the same, but the buttons will be rendered before the header (see html dom), so the header overlaps the buttons.

Ext.create('Ext.data.Store', {    storeId: 'simpsonsStore',
    fields:[ 'name', 'email', 'phone'],
    data: [
        { name: 'Lisa', email: '[email protected]', phone: '555-111-1224' }
    ]
});


Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        {header: 'Name', dataIndex: 'name', editor: 'textfield'},
        {header: 'Email', dataIndex: 'email', flex:1,
            editor: {
                xtype: 'textfield',
                allowBlank: false
            }
        },
        {header: 'Phone', dataIndex: 'phone'}
    ],
    selModel: 'rowmodel',
    plugins: {
        ptype: 'rowediting',
        clicksToEdit: 1
    },
    height: 100,
    width: 400,
    renderTo: Ext.getBody()
});

[abraxxa]

Same problem here.