[4.1B3] Card layout does not activate item when removed

[zombeerose]

REQUIRED INFORMATION

Ext version tested:

• Ext 4.1 beta 3

Browser versions tested against:

• Chrome 17

DOCTYPE tested against:

• Strict

Description:

• Setting the active item of a card panel when a child component is removed does not work as expected.
• Note: the 'remove' event is buffered intentionally. In real use, the container panel has multiple children that are destroyed at once when a user's authentication changes. The 'remove' handler would assign the last child item as the activeItem if available. However, this ultimately causes a conflict between the components being destroy vs displayed.

Steps to reproduce the problem:

• Run the code.
• Click the "Close" button.

The result that was expected:

• When the Close button is clicked, the "default panel" should be set as the active item and now visible.

The result that occurs instead:

• The "default panel" is not displayed.

Test Case:

Ext.create('Ext.panel.Panel',{
    activeItem: 0, //change to null to fix
    layout: {
        type: 'card'
    },
    items: [{
        html: 'Default Panel'
    },{
        html: 'Child 2',
        buttons: [{
            action: 'close',
            text: 'Close',
            handler: function(btn){
                var panel = btn.up('panel');
                panel.ownerCt.remove(panel);
            }
        }]
    }],
    listeners: {
        'afterrender': function(panel){
            panel.layout.setActiveItem(1);
        },
        'remove': {fn:function(panel,item){
            panel.layout.setActiveItem(0);
        },buffer:100}
    },
    title: 'Card Layout',
    frame: true,
    width: 100,
    height: 100,
    renderTo: Ext.getBody()
});

HELPFUL INFORMATION

Additional CSS used:

• only default ext-all.css

Operating System:

• WinXP Pro

[mitchellsimoens]

Thanks for the report.