[FIXED][1.2 Beta] setting align stretch automaticaly while closing designer

[wemerson.januario]

For example, if I add a form and a toolbar like this

Ext.define('MyForm1Ui', {
    extend: 'Ext.form.Panel',

    height: 165,
    itemId: 'form',
    width: 100,
    bodyPadding: 10,
    region: 'south',

    initComponent: function() {
        var me = this;
        me.baseParams = {
            action: 'login'
        };
        me.items = [
            {
                xtype: 'textfield',
                name: 'usuario',
                fieldLabel: 'Usuário',
                allowBlank: false,
                enforceMaxLength: true,
                maxLength: 11,
                selectOnFocus: true,
                anchor: '100%'
            },
            {
                xtype: 'textfield',
                id: 'senha',
                inputType: 'password',
                name: 'senha',
                fieldLabel: 'Senha',
                allowBlank: false,
                enableKeyEvents: true,
                anchor: '100%'
            },
            {
                xtype: 'checkboxfield',
                id: 'ckRemember',
                itemId: 'ckRemember',
                name: 'ckRemember',
                fieldLabel: ' ',
                labelSeparator: ' ',
                boxLabel: 'Lembrar usuário nesse computador',
                anchor: '100%'
            },
            {
                xtype: 'checkboxfield',
                itemId: 'ckFullScreen',
                name: 'ckFullScreen',
                fieldLabel: ' ',
                labelSeparator: ' ',
                boxLabel: 'Iniciar em tela cheia',
                anchor: '100%'
            }
        ];
        me.dockedItems = [
            {
                xtype: 'toolbar',
                ui: 'footer',
                defaults: {
                    width: 110,
                    scale: 'medium'
                },
                dock: 'bottom',
                layout: {
                    pack: 'center',
                    type: 'hbox'
                },
                items: [
                    {
                        xtype: 'button',
                        itemId: 'btnLogin',
                        iconCls: 'icon-login-medium',
                        text: 'Login'
                    },
                    {
                        xtype: 'button',
                        itemId: 'btnPassword',
                        iconCls: 'icon-password-medium',
                        text: 'Esqueci Senha'
                    },
                    {
                        xtype: 'button',
                        itemId: 'btnReset',
                        iconCls: 'icon-clear-medium',
                        text: 'Limpar'
                    }
                ]
            }
        ];
        me.callParent(arguments);
    }
});

and everything renders ok in canvas and preview, when you close de Designer and open again the align comes back to "stretch" like this.

me.layout = {
            align: 'stretch',
            pack: 'center',
            type: 'hbox'
        };

and the toolbar does not render anymore, so I need to reset the align to "top"

Possible bug! the Designer is setting "stretch" as default value of align in layout, I gues if you set top as default, correct the problem!

[Phil.Strong]

this will be fixed in next build