Auto width and bottom toolbar conflicts

[Shadin_a]

Ext version tested:

• Ext 4.0.7

Browser versions tested against:

• Chrome 21

DOCTYPE tested against:

• Ext.toolbat.ToolBar : bottom toolbar hides when panel sit to auto width

Description:

• Describe the problem in greater detail here, summarizing the behavior.

Steps to reproduce the problem:

• Panel with border layout contains top toolbar and a center panel and a south panel
• The center panel contains a bottom (dock: bottom) toolbar
• When main Panel sit to auto width, the bottom toolbar in the center panel hides!!

The result that was expected:

• the bottom toolbar must be shown!

The result that occurs instead:

• the bottom toolbar hid when sit main panel to auto width

Test Case:

   

Ext.define('MyApp.view.MyPanel', {
    extend: 'Ext.panel.Panel',


    height: 250,
    id: 'Main',
    //width: 400,
    layout: {
        type: 'border'
    },
    title: 'My Panel',


    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            dockedItems: [
                {
                    xtype: 'toolbar',
                    dock: 'top',
                    items: [
                        {
                            xtype: 'button',
                            id: 'btn',
                            text: 'MyButton'
                        }
                    ]
                }
            ],
            items: [
                {
                    xtype: 'panel',
                    region: 'center',
                    id: "center",
                    title: 'My Panel',
                    dockedItems: [
                        {
                            xtype: 'toolbar',
                            dock: 'bottom',
                            items: [
                                {
                                    xtype: 'button',
                                    text: 'MyButton'
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype: 'panel',
                    region: 'south',
                    height: 50,
                    hidden: true,
                    id: 'south',
                    title: 'My Panel'
                }
            ]
        });


        me.callParent(arguments);
    }


});

[evant]

This is already resolved in the latest release, there were a whole bunch of layout improvements in 4.1.x. Marking as closed.