Hi all, I've this wrong behaviour on the window component and using 'auto' layout, the 'border' and 'column layout also will produce this problem. but on resize to any directions, after the resize, it'll render correctly.

probably with pictures is more easy to be understand. This is my window just after the page was loaded:
Untitled.png

and this is my code:
Code:
Ext.define('Sfx.widgets.EmailTemplateEditor', {
    extend: 'Ext.window.Window',
    height: 600,
    width: 600,
    closeable: true,
    initComponent: function()
    {   
        this.emailBody = Ext.create("Fx.widgets.TextArea", {
            width: 590,
            height: 400,
            anchor: "100%",
            fieldLabel: "Body",
            grow: false
        });

        this.templatePanel = Ext.create('Ext.panel.Panel',
        {
            width: 585,
            height: 75,
            region: 'north'
        });
        var template_collection = Sfx.fixtures.EmailTemplateCollection;
        for(var i=0; i<template_collection.data.length; i++)
        {
            this.newTemplate(template_collection.data.get(i).data.itemId,
            template_collection.data.get(i).data.button_name,
            template_collection.data.get(i).data.return_value);
        }

        this.submit_button = Ext.create("Ext.Button");
        this.items =
            [
                this.templatePanel,
                this.emailBody,
                this.submit_button
            ]

         Sfx.widgets.EmailTemplateEditor.superclass.initComponent.call(this);
    }