[CLOSED][3.0.3] Nested Elements Not Layed Out When Expanded

[dancablam]

To recreate:

Use: Firefox 3.5.5, Ext JS 3.0.3

Expected Results: Clicking the button on the toolbar should expand the form in the east panel revealing a text area and two buttons.

Actual Results: Nested textarea does not display unless you resize your browser window or explicitly call a redraw of the layout.

This problem did not exist in Ext JS 3.0.0. Tested in Safari 4 and the issue does not occur.

Code:

Ext.onReady(function(){
var nested_form = {
layout:'form',
border:false,
labelAlign:'top',
items:[{
xtype:'textarea',
autoCreate: {tag:"textarea",style:"width:100px;height:60px;",autocomplete:"off",wrap:"off"},//turn wrap off
fieldLabel:'This should show, but it won\'t',
allowBlank: false,
name:'hosts',
height:110,
width:200
}]
};

var form = new Ext.form.FormPanel({
frame:true,
style:'padding:10px',
labelAlign:'top',
autoHeight:true,
trackResetOnLoad: true,
items:[nested_form],
buttons:[{
text:'Save'
},{
text: 'Close'
}]
})

var east_panel = new Ext.Panel({
id:'east',
width:300,
title:'Example',
region: 'east',
collapsible:true,
collapsed:true,
hideCollapseTool: true,
titleCollapse:false,
floatable:false,
border:false,
items:[form]
});

var vp = new Ext.Viewport({
layout :'border',
items: [{
xtype:'panel',
region: 'center',
html:'Click the button above - you should see a textarea along with Save Close buttons. Using FireFox 3.5.5 with Ext Js 3.0.3, however, the textarea will not display unless you resize your browser window or otherwise trigger a redraw',
tbar:[{text:'click me to see the bug', handler:function(){Ext.getCmp('east').expand()}}]
},
east_panel
]
}).render(document.body);
});

Full HTML of the code is attached. Attached expected and actual screen shots.

[evant]

Your code works in FF 3.5 with the latest SVN build, I think these kinds of issues should be resolved.

[evant]

Still not able to reproduce this, marking as closed.

[dancablam]

I'll try again on 3.1.0 when it's out and re-open if there's still an issue.

~Dan