zhegwood
24 Dec 2009, 10:36 AM
Ext version tested:
Ext 3.1.0
Adapter used:
ext
css used:
only default ext-all.css
Browser versions tested against:
IE8
FF3 (firebug 1.3.0.10 installed)
Operating System:
Vista
Description:
When you boxWrap() a tab panel that is inside a border layout, the boxwrap loses containment
Test Case:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Zach's Playground</title>
<script type="text/javascript" src="ext-3.1.0/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="ext-3.1.0/ext-all-debug.js"></script>
<link rel="stylesheet" href="ext-3.0.3/resources/css/ext-all.css"type="text/css" />
</head>
<body></body>
</html>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.namespace("AV");
AV.ViewPort = new Ext.Viewport({
layout: "fit",
items: new Ext.Container({
layout: "border",
items: [
{
region:"north",
height: 120,
items: new Ext.TabPanel({
items: [
{ title: "tab 1",html: "tab 1" },
{ title: "tab 2",html: "tab 2" }
],
listeners: {
render: function(obj) {
obj.el.boxWrap();
},
scope: this
}
})
},
{
region: "center"
}
]
})
});
});
</script>
See this URL : http://
Steps to reproduce the problem:
save above code as html file
go to the page
open another tab (or refresh another tab w/ F5)
go back to the other page
The result that was expected:
tab panel w/ wrap would look the same
The result that occurs instead:
tab panel wrap loses containment
Screenshot or Video:
attached
Debugging already done:
I had a fairly extensive layout when I first saw it, but stripped it down to this code and the problem is easily reproducable
Possible fix:
not provided
I crated a thread about this, so I'm not sure if you want to merge them or whatever:
http://www.extjs.com/forum/showthread.php?t=88472
Ext 3.1.0
Adapter used:
ext
css used:
only default ext-all.css
Browser versions tested against:
IE8
FF3 (firebug 1.3.0.10 installed)
Operating System:
Vista
Description:
When you boxWrap() a tab panel that is inside a border layout, the boxwrap loses containment
Test Case:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Zach's Playground</title>
<script type="text/javascript" src="ext-3.1.0/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="ext-3.1.0/ext-all-debug.js"></script>
<link rel="stylesheet" href="ext-3.0.3/resources/css/ext-all.css"type="text/css" />
</head>
<body></body>
</html>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.namespace("AV");
AV.ViewPort = new Ext.Viewport({
layout: "fit",
items: new Ext.Container({
layout: "border",
items: [
{
region:"north",
height: 120,
items: new Ext.TabPanel({
items: [
{ title: "tab 1",html: "tab 1" },
{ title: "tab 2",html: "tab 2" }
],
listeners: {
render: function(obj) {
obj.el.boxWrap();
},
scope: this
}
})
},
{
region: "center"
}
]
})
});
});
</script>
See this URL : http://
Steps to reproduce the problem:
save above code as html file
go to the page
open another tab (or refresh another tab w/ F5)
go back to the other page
The result that was expected:
tab panel w/ wrap would look the same
The result that occurs instead:
tab panel wrap loses containment
Screenshot or Video:
attached
Debugging already done:
I had a fairly extensive layout when I first saw it, but stripped it down to this code and the problem is easily reproducable
Possible fix:
not provided
I crated a thread about this, so I'm not sure if you want to merge them or whatever:
http://www.extjs.com/forum/showthread.php?t=88472