[CLOSED][PR5] Panel(+regions) and fieldset with anchor 100% - fail

[Lord Micro]

My code:

Ext.create('Ext.Window', {
    width: 400,
    height: 300,
    title: 'Window',
    layout: 'fit',
    modal: true,
    items: [{
        xtype: 'panel',
        layout: 'border',
        border: false,
        items: [{
            region: 'center',
            collapsible: false,
            border: false,
            bodyPadding: 5,
            items: [{
                xtype: 'fieldset',
                title: 'Bad Fieldset',
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: 'Field',
                    anchor: '100%'
                }],
            }, {
                xtype: 'fieldset',
                title: 'God Fieldset',
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: 'Field',
                    anchor: '85%'
                }],
            }, {
                xtype: 'fieldset',
                title: 'Good Fieldset',
                layout: 'anchor',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: 'Field',
                }],
            }],
        }, {
            collapsible: true,
            title: 'East',
            region: 'east',
            width: '30%',
            html: 'East'
        }],
    }],
}).show(); 

When load - all very good.
But if you hide and show the east, then east to the region will hide part of the central region.
Tested at Browser:

• Google Chrome 10.0.648.151 - FAIL
• Firefox 3.6.15 - FAIL
• IE 8.0.7601.17514 - good

Load:
load.png
Then hide east region:
hide.png
Then show east region - FAIL
show.png

[evant]

Center has no layout:

Ext.onReady(function(){
    Ext.create('Ext.Window', {
        width: 400,
        height: 300,
        title: 'Window',
        layout: 'fit',
        modal: true,
        items: [{
            xtype: 'panel',
            layout: 'border',
            border: false,
            items: [{
                flex: 7,
                region: 'center',
                collapsible: false,
                border: false,
                bodyPadding: 5,
                layout: 'anchor',
                items: [{
                    xtype: 'fieldset',
                    title: 'Bad Fieldset',
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        fieldLabel: 'Field',
                        anchor: '100%'
                    }],
                }, {
                    xtype: 'fieldset',
                    title: 'God Fieldset',
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        fieldLabel: 'Field',
                        anchor: '85%'
                    }],
                }, {
                    xtype: 'fieldset',
                    title: 'Good Fieldset',
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        fieldLabel: 'Field',
                    }],
                }],
            }, {
                collapsible: true,
                title: 'East',
                region: 'east',
                flex: 3,
                html: 'East'
            }],
        }],
    }).show();
});

Also note % widths aren't supported.

[Lord Micro]

Your code does not work in FireFox 4, but works fine in Google Chrome. How do I fix this?