Changes in 'fieldset's width half a beat slower.

Code:

---

Ext.define('App.view.salesOrderEdit', {    extend: 'Ext.window.Window',
    alias: 'widget.salesorderedit',
    items: {
        xtype: 'form',
        border: false,
        frame: true,
        bodyPadding: '5 0 5 5',
        padding: 10,
        layout: 'anchor',
        fieldDefaults: {
            labelWidth: 100,
            anchor: '95%',
            defaultType: 'textfield',
            msgTarget: 'side'
        },
        items: [
        {
            xtype: 'hiddenfield',
            name: 'id',
            value: 0
        },
        {
            xtype: 'fieldset',
            title: 'Order Information',
            collapsed: false,
            collapsible: true,
            layout: 'hbox',
            items: [{
                xtype: 'container',
                flex: 1,
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    name: 'rname',
                    maxLength: 40,
                    minLength: 3,
                    allowBlank: false,
                    fieldLabel:  'Name'
                }, {
                    xtype: 'combobox',
                    fieldLabel: 'Customer',
                    name: 'customersid',
                    displayField: 'rname',
                    valueField: 'id',
                    queryMode: 'local',
                    editable: false
                }]
            },
            {
                xtype: 'container',
                flex: 1,
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    name: 'ordercode',
                    readOnly :true,
                    maxLength: 16,
                    fieldLabel: 'Order Code'
                }, {
                    xtype: 'combobox',
                    fieldLabel: 'Currency',
                    name: 'currency',
                    displayField: 'name',
                    valueField: 'value',
                    queryMode: 'local',
                    editable: false,
                    store: userTypeStore
                }]
            }]
        },
        {
            xtype: 'fieldset',
            title: 'X Information',
            collapsed: false,
            collapsible: true,
            layout: 'column',
            items: [{
                xtype: 'container',
                columnWidth: 0.5,
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    name: 'xrname',
                    maxLength: 40,
                    minLength: 3,
                    allowBlank: false,
                    fieldLabel:  'Name'
                }]
            },
            {
                xtype: 'container',
                columnWidth: 0.5,
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    name: 'xordercode',
                    maxLength: 16,
                    fieldLabel: 'Order Code'
                }]
            }]
        }]
    },
    initComponent: function () {


        Ext.apply(this, {
            iconCls: 'iconFeedEdit',
            animateTarget: 'saleslistTab',
            autoShow: true,
            width: 800,
            autoScroll: true,
            border: false,
            resizable: true,
            modal: true,
            collapsible: true,
            title: 'Edit SalesOrder',
            maximizable: true,
            resizable: false,
            buttons: [
            {
                text: 'Reset',
                handler: function () { this.up('window').down('form').getForm().reset(); }
            },
            { text: 'Cancel', scope: this, handler:  this.close },
            { text: 'Submit', scope: this.up('window'), iconCls: 'iconSubmit', action: 'submit'}] 
        });
        this.callParent(arguments);
    }
});

---

The practical effect of the following figure:
Attachment 33893
Attachment 33894
Attachment 33895
How to solve this problem? Who can help me.
Extjs 4.1 RC2
Chrome 18.0.1025.152 m

Has been solved, thank's.

See if this layout will help anyway.. I see you have it marked as solved.

Code:

---


Ext.define('App.view.MyWindow', {
    extend: 'Ext.window.Window',
    height: 250,
    width: 800,

    maximizable: true,
    resizable: false,
    bodyPadding: '5 0 5 5',

    layout: {
        align: 'stretch',
        type: 'vbox'
    },
    title: 'My Window',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'fieldset',
                    layout: {
                        align: 'stretch',
                        type: 'hbox'
                    },
                    collapsible: true,
                    title: 'My Fields',
                    height: 100,
                    flex: 1,
                    items: [
                        {
                            xtype: 'container',
                            layout: {
                                align: 'stretch',
                                type: 'vbox'
                            },
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    fieldLabel: 'Label'
                                },
                                {
                                    xtype: 'combobox',
                                    fieldLabel: 'Label'
                                }
                            ]
                        },
                        {
                            xtype: 'container',
                            layout: {
                                align: 'stretch',
                                type: 'vbox'
                            },
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    fieldLabel: 'Label'
                                },
                                {
                                    xtype: 'combobox',
                                    fieldLabel: 'Label'
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype: 'fieldset',
                    layout: {
                        align: 'stretch',
                        type: 'hbox'
                    },
                    collapsible: true,
                    title: 'My Fields',
                    flex: 1,
                    items: [
                        {
                            xtype: 'container',
                            layout: {
                                align: 'stretch',
                                type: 'vbox'
                            },
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    fieldLabel: 'Label'
                                }
                            ]
                        },
                        {
                            xtype: 'container',
                            layout: {
                                align: 'stretch',
                                type: 'vbox'
                            },
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    fieldLabel: 'Label'
                                }
                            ]
                        }
                    ]
                }
            ]
        });

        me.callParent(arguments);
    }

});

Ext.onReady(function(){

    Ext.create('App.view.MyWindow', {
    }).show();

});

---

Regards,
Scott.