[CLOSED][3.1] Panel Inside Toolbar Fails to Render With Border False

[jnadler]

Ext version tested:
Ext 3.1.0

Adapter used:
ext


Browser versions tested against:


FF3 (firebug 1.3.0.10 installed)
Safari 4



Operating System:
Mac OS 10.5

Description:
Nested panels are inside a toolbar, the toolbar is in a borderLayout. If the border on the outer panel is 'true', the panel renders. If the border is 'false', rendering fails silently.

Test Case:



Attensa.ReadToolbar = Ext.extend(Ext.Toolbar, {

height: 26
,region: 'north'

,initComponent: function() {

Ext.apply(this, {
items: [{
xtype: 'panel'
,border: false // change to 'true' and Testing 123 will render
,items: [{
xtype: 'panel'
,id: 'showReadText'
,border: false
,bodyStyle: 'background: transparent;margin-right: 5px;'
,html: 'Testing 123'
}]
}]
});

Attensa.ReadToolbar.superclass.initComponent.apply(this, arguments);
}
});


Steps to reproduce the problem:
In the above code, 'Testing 123' should render but it does not. Changing the first instance of border: false to true allows it to render, albeit with an undesirable border.


Debugging already done:
Checked generated DOM using firebug, determined that when border is false the panel body is not rendered at all.

[jnadler]

Anything I can do to help move this forward?

[evant]

Have you tried with the 3.1.1 beta? The code works in that case.

[Condor]

This is a known problem in Ext 3.1.0.

Could you retest with Ext 3.1.1-beta?

[evant]

No extra info, going to mark this as closed since it already appears to be resolved.