View Full Version : [CLOSED][3.1] Panel Inside Toolbar Fails to Render With Border False

8 Jan 2010, 6:11 PM
Ext version tested:
Ext 3.1.0

Adapter used:

Browser versions tested against:

FF3 (firebug installed)
Safari 4

Operating System:
Mac OS 10.5

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.

15 Jan 2010, 9:34 PM
Anything I can do to help move this forward?

17 Jan 2010, 11:16 AM
Have you tried with the 3.1.1 beta? The code works in that case.

19 Jan 2010, 8:52 AM
This is a known problem in Ext 3.1.0.

Could you retest with Ext 3.1.1-beta?

21 Jan 2010, 6:29 PM
No extra info, going to mark this as closed since it already appears to be resolved.