Problem with nesting borderlayout panel into anchorlayout panel in Viewport

[vpatstc]

Hello to all!
I start to learn Ext and stuck with such problem. I have a viewport with code

Ext.define('WIMM.view.Viewport', {
    extend: 'Ext.container.Viewport',
    autoScroll: true,
    layout: 'anchor',
    items: [
        {
            border: false,
            title: 'Header',
            layout: 'fit',
            xtype: 'container',
            html: 'Header block. We\'ll try to do this again'
        },{
            layout: 'border',
            items: [
                {
                    collapsible: true,
                    width: 240,
                    title: 'Aside Column',
                    region:'west',
                    layout: 'fit',
                    html: 'Aside widgets (news, balance, budget, goals) would be here.'
                },{
                    title: 'Main Block',
                    border: false,
                    region:'center',
                    layout: 'fit',
                    html: 'Main block were tabPanel would be nested in.'
                }
            ]
        },{
            title: 'footer',
            xtype: 'container',
            layout: 'fit',
            html: 'Some information in footer (copyrights, disclaimer link)'
        }
    ]
}); 

But item with border layout shrinks and only 1px border of that block is visible. It's important for me to have scrollBar, so I can't use border layout for entire viewport. Please help me to solve that issue

[mitchellsimoens]

Some things cannot be auto sized so you have to either give the child items a size or give the parent a layout. Some layouts require the child items to have a special config to handle the size. The hbox/vbox layout need the flex config on the child items. The anchor layout needs the anchor config on the child items.

[vpatstc]

Thanks, the problem solved