[FIXED][2.2] IE8 datefield menu gets cut off

**INeedADip** · 24 Mar 2009 9:12 AM

Now that IE8 is out and people have been downloading it I've been getting emails about the date menu not working properly.

I've browsed the forums and didn't really see anyone else complaining about anything similar.
Is there a fix out there? Is anyone else having this problem?

**evant** · 24 Mar 2009 4:06 PM

Try the following:

Code:

Ext.override(Ext.menu.Menu, {
    autoWidth : function(){
        var el = this.el, ul = this.ul;
        if(!el){
            return;
        }
        var w = this.width;
        if(w){
            el.setWidth(w);
        }else if(Ext.isIE && !Ext.isIE8){
            el.setWidth(this.minWidth);
            var t = el.dom.offsetWidth; // force recalc
            el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));
        }
    },
});

**INeedADip** · 25 Mar 2009 7:15 AM

The fix didn't work..however, inspecting the "Ext" object in firebug I don't see a property of "isIE8"

Should this be present without any other overrides, I do see the property of
Ext.version = "2.2"

**INeedADip** · 25 Mar 2009 9:02 AM

So I saw that isIE8 was added to the 2.2.1 release, but when I download the SDK from the website, it doesn't appear that the ext-all.js contains that fix (update)?

In fact when I open up the ext-all.js the first line is Ext.DomHelper=......
A lot different from the old files....

I tried to find (Ctrl-f) isIE8 and I don't see it in ext-all.js or ext-all-debug.js.

**INeedADip** · 25 Mar 2009 11:32 AM

I still had the old adapter in there......I upgraded to 2.2.1 and used the fix from your post...
problem solved. Thanks.

**Smapy** · 26 Mar 2009 10:52 AM

The posted code will break on IE7 because of the comma, so you would need:

Code:

Ext.override(Ext.menu.Menu, {
    autoWidth : function(){
        var el = this.el, ul = this.ul;
        if(!el){
            return;
        }
        var w = this.width;
        if(w){
            el.setWidth(w);
        }else if(Ext.isIE && !Ext.isIE8){
            el.setWidth(this.minWidth);
            var t = el.dom.offsetWidth; // force recalc
            el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));
        }
    }
});

**jakehurst** · 2 Apr 2009 10:05 AM

This works great for menus, but breaks grid column widths.
This is on Ext 1.1.1 where I had to hack in the isIE8 support.
Does it not break grid column widths in Ext 2.2 ?

**evant** · 2 Apr 2009 3:51 PM

Why would a change to the menu break the grid column widths?

**Tewr** · 8 May 2009 6:35 AM

Thank you for this fix. I upgraded to IE8 today and discovered this, however not for the date menu but for all my menus which are lenghty (that is, more than one word or so). However, the bug only appears when I use

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Note that the fix above solves the problem.

Regards

[FIXED][2.2] IE8 datefield menu gets cut off

Thread Tools

Search Thread

Display

[FIXED][2.2] IE8 datefield menu gets cut off

[FIXED][2.2] IE8 datefield menu gets cut off