[2.x] Grid Header issue on IE8

[cmendez21]

Hi there i just want to report a bug i noticed on Ext 2x versions on IE8
Besides i have read ie8 still its not yet supported but just for the record and give you the warning

TESTED OS and browsers

• Windows Vista with IE8
• XP sp3 with IE8

Tested Grid inside the next containers:

• Tab panel
• Panel with border layout

Tested versions

• 2.0.1
• 2.0.2
• 2.2.1

I have this code as small sample on how im creating my grid

    var myarea_inbox_grid = new Ext.grid.GridPanel({
        header:false,
        id:'myinbox_grid_area',    
        store: myarea_inbox_ds,
        cm: myarea_inbox_colModelx,    
        sm: myarea_inbox_sm,
        frame:true,
        viewConfig: {
            autofill: false, 
            forceFit:true,
            emptyText :'theres no records..!'
        },    
        tbar: myarea_inbox_tbarx,    
        bbar: myarea_inbox_bbarx
    });

An the result is this (image) :

NOW if i set the compatibility header for IE8 as follows

<meta http-equiv="X-UA-Compatible" content="IE=7" > <!-- IE7 mode -->

But in order to make it work as i desire i have to add my domain on the compatibility view configuration. I got the desired results emulating ie7 but not on Ie8:

Pd:the working sample i have it but the code its for a client and i cannot give acces just like that,im willing to provide access only to Extjs staff if you want to check it out
pm me pls.

[evant]

Just to be clear, you're saying the bug is the space above the title?

This bug only occurs when you have it inside a container? Can you provide a simplified test case to demonstrate the issue?

[cmendez21]

Just to be clear, you're saying the bug is the space above the title?

This bug only occurs when you have it inside a container? Can you provide a simplified test case to demonstrate the issue?

I tested on the samples and no problem at all ,

It happens to me just inside tabpanel and panel with border layout, i PM you the access to my app if you want to be more specific on the issue ?

[cmendez21]

Hi Evant I've send you a pm with info and access to the app about this

[cmendez21]

Its weird i have updated the Extjs 2.2.1 from the SVN and now if i have one of these on the headers

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=7" >

Appears the blank header, but if i remove it, its ok And also i have set no compatibility on the IE8
For the record the issue was only appearing on dinamic loading scripts

Sorry for reporting this, and scare you .!

[srivastava.rajiv]

I am facing issues with IE8 and extJS 2.0.2 version. All the dropdown buttons are misaligned with the combo boxes where as it is perfectly in alignment when seen in IE7.

[srivastava.rajiv]

here is a snapshot

[babytime]

.x-panel-tl { display:none;}

[srivastava.rajiv]

thanks much for replying to my post but adding the line mentioned didn't helped