Strange behavior with border layout - ExtJS 4

[ultigax]

Here is what's going on:
http://www.youtube.com/watch?v=zVEft...ature=youtu.be
Here is the code:

extend: 'Ext.container.Viewport', alias: 'widget.viewport', layout:'border', defaults: { collapsible: true, split: true, bodyStyle: 'padding:15px' }, items: [{ title: 'Footer', region: 'south', height: 150, minSize: 75, maxSize: 250, cmargins: '5 0 0 0' },{ title: 'Navigation', region:'west', margins: '5 0 0 0', cmargins: '5 5 0 0', width: 175, minSize: 100, maxSize: 250 },{ title: 'Main Content', collapsible: false, region:'center', margins: '5 0 0 0' }]Layout controller:

Ext.define('MyAppp.controller.Layout', { extend: 'Ext.app.Controller', init: function(){ //kreiraj Viewport Ext.create('MyApp.view.Viewport'); console.log("Layout created!"); }});Login controller onSuccess:

success: function(form, action){ win.destroy(); this.getController('Layout').init(); },What is going on with this layout?

[mitchellsimoens]

Can you explain the issue here?