PDA

View Full Version : [FIXED] 4.0.5 tabpanel shows blue strip in header in IE



toolware
3 Aug 2011, 2:30 PM
REQUIRED INFORMATION
Ext version tested:

Ext 4.0.5 (confirmed bug)
Ext 4.0.2 (confirmed no bug)
Browser versions tested against:

IE8 bug
FF no bug
Description

Screenshot

27297

Code


<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-gray.css">
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
Ext.onReady(function(){
Ext.create('Ext.Window',{
width: 300
, height: 300
, layout: 'fit'
, items:
[
{
xtype: 'tabpanel'
, items:
[
{ title: 'zz', html: 'aa' }
]
}
]
}).show();
});
</script>
</head>
<body>
Test
</body>
</html>


Possible fix:

not provided
Additional CSS used:

only default ext-all-gray.css
Operating System:

x64 Server 2008 R2

toolware
8 Aug 2011, 2:08 PM
Can anyone make hotfix for this?

I can't figure out how to fix IE CSS - without Firebug I'm helpless :(

germanicus
15 Aug 2011, 7:24 PM
Confirmed as a bug.

For now you could override the selector by placing the following rule after ext-all-gray.css is parsed:


.x-nlg .x-tab-bar {
background-image: none;
}