treenode when expanding

[alien3d]

The issue was on firefox 3.09 When refreshing the page it become odd.I just try to manipulate the example .Safari(4 public beta) and Internet Explorer(7) Seems fine when page resizing.

Using : 3.0 release candidate 1



// JavaScript Document
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = './images/s.gif';


new Ext.Viewport({
id : 'screenPage',
layout :'border',
margins:'0 0 0 0',
defaults: {
},
items : [
{
region:'north',
height:100,
title:'North',
html:'I should be North'
},
{
region:'west',
id:'west-panel',
title:'West',
split:true,

width: 200,
minSize: 200,
maxSize: 400,
collapsible: true,
layout:'accordion',

items: [{
title:'User Setting',
border:false,
layout:'border',
items: [ new Ext.tree.TreePanel({
id: 'tree-panel',
autoScroll: true,
margins:'0 0 0 0',
width: 200,
region:'center',
minSize: 200,
maxSize: 400,

// tree-specific configs:
rootVisible: false,
lines: false,
singleExpand: true,
useArrows: true,
dataUrl:'tree-data.json',

root: new Ext.tree.AsyncTreeNode()
})]
},{
title:'Todo',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Asset',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Report',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Contact',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Management',
html:'<p>Some settings in here.</p>',
border:false
}]


},
{
region :'center',
html:'I should be information data(Center)'
}
]
});
});

[alien3d]

split:true,

seems the effect a bit weird here on firefox

[makana]

What does this border-layout do here?



...
layout:'accordion',
items: [{
title:'User Setting',
border:false,
layout:'border',
items: [ new Ext.tree.TreePanel({
id: 'tree-panel',
autoScroll: true,
margins:'0 0 0 0',
width: 200,
region:'center',
minSize: 200,
maxSize: 400,
// tree-specific configs:
rootVisible: false,
lines: false,
singleExpand: true,
useArrows: true,
dataUrl:'tree-data.json',
root: new Ext.tree.AsyncTreeNode()
})]
},{
...


I think, you have an overnesting issue:
try:


...
layout:'accordion',
items: [new Ext.tree.TreePanel({
title:'User Setting',
border: false,
id: 'tree-panel',
autoScroll: true,
margins:'0 0 0 0',
width: 200,
region:'center',
minSize: 200,
maxSize: 400,
// tree-specific configs:
rootVisible: false,
lines: false,
singleExpand: true,
useArrows: true,
dataUrl:'tree-data.json',
root: new Ext.tree.AsyncTreeNode()
}),{
...