PDA

View Full Version : [2.0b1] In Safari Accordion works abnormally while items contain border layout



Ralph
22 Oct 2007, 9:43 AM
I put 3 border-layout panels into an accordion window, it looks abnormal when i expand the 2nd and 3rd accordion items.

ext-2.0-beta1
Safari(for windows) 3.0.3
Windows XP SP2



<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="Style/css/ext-all.css" />
<script type="text/javascript" src="Script/ext-base.js"></script>
<script type="text/javascript" src="Script/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.QuickTips.init();

var accordion = new Ext.Window({
title: 'Accordion',
layout:'accordion',
width: 600,
height: 300,
border: false,
items: [
new Ext.Panel({
title: 'Item1',
layout: 'border',
items: [
new Ext.Panel({
region: 'east',
split: true,
width: 200,
html: '<p>East1</p>'
}),
new Ext.Panel({
region: 'center',
width: 400,
html: '<p>Center1</p>'
})
]
}),
new Ext.Panel({
title: 'Item2',
layout: 'border',
items: [
new Ext.Panel({
region: 'east',
split: true,
width: 200,
html: '<p>East2</p>'
}),
new Ext.Panel({
region: 'center',
width: 400,
html: '<p>Center2</p>'
})
]
}),
new Ext.Panel({
title: 'Item3',
layout: 'border',
items: [
new Ext.Panel({
region: 'east',
split: true,
width: 200,
html: '<p>East3</p>'
}),
new Ext.Panel({
region: 'center',
width: 400,
html: '<p>Center3</p>'
})
]
})
]
});

accordion.show();
});
</script>
</head>
<body>
</body>
</html>