// entry point
Ext.onReady(function() {
var p = Ext.create('Ext.panel.Panel', {
layout:{
type:'hbox'
,align:'stretchmax'
}
,width:500
// ,height:200
,defaults:{
flex:1
}
,renderTo:Ext.getBody()
,title:'HBox Stretchamx'
,items:[{
html: 'This panel will have more content than the one to the left. However, eventually the content from this panel is not properly calculated, and the content begins to disappear out of sight :( The expected result should be both panels should stretch to be as large as this one. I do realize that this could be a result of the body padding, equalling twenty pixels, pushing the content down. Perhaps align "stretchmax" doesn\'t factor in bodypadding?'
},{
html:'two'
},{
html:'one'
}]
});
}); // eo onReady

</script></head><body></body></html><!-- eof -->

15 Sep 2011, 12:36 PM

mtycholaz

As a possible fix, could you force a call to doComponentLayout and have the hbox recalculate? Perhaps by adding a listener for afterrender? I've been attempting to do this, but I haven't had much success.