Why the the whole page disappeared after I insert or add components to another ?
I have encountered this problem many times. And the reason the page disappear is that the height of dom elements become zero. If I reset their height in firebug one by one, they will show up again, including the new components I inserted/added.

Now, I am suffering from the same problem again.
I load several comments into a comment container as following:

Code:
commentStore.load({
callback:function(store){
Ext.suspendLayouts();


Ext.each(store, function(record){
var comment = Ext.getCmp('commentContainer').add({
xtype:'comment'
});
//Set the contents, user photo etc. to the comment
//It will add new items to the comment.

});

Ext.resumeLayouts(true);
}
});
The comment container:
Code:
{
xtype:'container',
defaults:{
    flex:1
},
layout:{
    type:'vbox',
    align:'center',
    padding:10
}
}
The only way to prevent the problem is to give the container a specific height.
But I hope it can resize to the contents automatically.
I try to set autoHeight to true, but it's not working.
Can anybody help?