buttons in a toolbar loose their position after the left side is collapsed

[scutaru]

Hi,


Ext version tested:

• Ext 3.2.0 rev ____

Adapter used:

• ext

css used:

• only default ext-all.css

Browser versions tested against:

• FF3 (firebug 1.7.3 installed)

Operating System:

• Win7

I'm facing some problems when I use a Ext.Toolbar with a collapsible region. If you run the example below and do the following actions:
1) play with the buttons a little (rearrange them)
2) collapse the left area
3) expand the left area
You will notice that the buttons are overlapping.

Here's an example that proves what happens:

Ext.onReady(function(){

        var reorderer = new Ext.ux.ToolbarReorderer();        
        var toolbar = new Ext.Toolbar({
            items  : [
            {
                text: 'Button1',
                reorderable : false
            },
            {
                text: 'Button2.1',
                reorderable : true
            },
            {
                text: 'Button2.2',
                reorderable : true
            },
            {
                text: 'Button2.3',
                reorderable : true
            },
            {
                text: 'Button2.4',
                reorderable : true
            },
            {
                text: 'Button3',
                reorderable : false
            },
            ],
            plugins: [reorderer]
        });

        var win = new Ext.Window({
            layout: 'border',
            renderTo: Ext.getBody(),
            width:600,
            height:300,
            items: [
            {
                title: 'Navigation',
                region:'west',
                margins: '5 0 0 0',
                cmargins: '5 5 0 0',
                width: 175,
                minSize: 100,
                maxSize: 250,
                collapsible: true,
                split: true
            },
            new Ext.Panel({
                id: 'centerPanel',
                region  :'center',
                items   : [toolbar],
                border  : true,
                width   : 300
            })
            ]            
        });
        
        win.show();
});

Thank you !