PDA

View Full Version : [RE-OPENED EXTJSIV-2357] [4.0.2-rc3] Panels in panel with layout=auto - not visible



fguest
8 Jun 2011, 5:26 AM
Testcase (this example works properly in 4.0.1):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>bug</title>
<link rel="stylesheet" type="text/css"
href="http://dev.sencha.com/deploy/ext-4.0.2-rc3/resources/css/ext-all.css"/>
<script type="text/javascript"
src="http://dev.sencha.com/deploy/ext-4.0.2-rc3/ext-all-debug.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {

var panels = [];
for (var i = 0; i < 10; i++) {
panels.push({xtype:'panel', height: 150, title: 'pane'});
}

var vp = Ext.create("Ext.container.Viewport", {
layout: 'border',
items: [
Ext.create("Ext.panel.Panel", {
region: 'west',
width: 300,
split: true
}),
{xtype:'tabpanel', region: 'center',
items: [
{xtype: 'panel', bodyPadding: 20, title:'Panels', layout: 'auto',
autoScroll: true, items: panels}
]
}
]
});
});
</script>

</body>
</html>

fguest
8 Jun 2011, 8:08 AM
If, instead of the panel, use a container, then the example works correctly. What is wrong with the panels ...



...

Ext.onReady(function() {

var panels = [];
for (var i = 0; i < 10; i++) {
panels.push({xtype:'container', height: 150, title: 'pane', style:{border:'navy solid 1px'}});
}

...

mike.estes
8 Jun 2011, 9:29 AM
Thank you for the bug report, we've re-opened EXTJSIV-2357 as a result

Animal
8 Jun 2011, 10:45 AM
Just fixed that now.