[OPEN-1434] ExtJS, TreePanel and IE9

Printable View

Show 40 post(s) from this thread on one page

15 Nov 2010, 9:55 AM
Tegud

[OPEN-1434] ExtJS, TreePanel and IE9

Hi,

I've been trying to get a TreePanel working correctly in IE9, but encountered several problems, not least of all the fact the it mis-identified IE9 as IE6, I'm well aware that this has been raised several times, and indeed I found the solution in this post.

However even after getting ExtJS to identify IE9 as IE8, events will not fire on TreePanels, this is true of the ExtJS Drag and Drop ordering in a TreePanel example (You have to use the dev tools[F12] to force IE9 into IE9 rendering mode otherwise it'll be in Quirks mode). I'm not certain why it only affects the tree panel events, as all other item's (tabs, buttons, etc) events work fine.

Regardless of planned IE9 support, could anyone give me an indication of where in the code I could drill into to perhaps work out what the issue is, so I have a bit of a head start.

I realise that IE9 is still a beta, but it has been released for some time now, and it's probably safe to assume that the final release will be fairly early in 2011. Is there a plan for minor revision of 3.3 to provide support for ExtJS before a final release of IE9 surfaces?

Thanks,

Steve
8 Feb 2011, 7:35 PM
Daz

@Tegud, any luck with getting Trees/ IE9 working?

As you found, IE9 detection doesn’t resolve this (http://www.sencha.com/forum/showthre...net-Explorer-9)

Also, IE8/7 emulation produces many other problems and isn’t supported.

If anyone is able to provide suggestions on how to get trees/ IE9 working it would be much appreciated.
11 Feb 2011, 12:47 AM
Tegud

I have a er..."fix", but it's really not very nice, and causes a whole host of other issues, though some of them do seem lessened by the IE9 RC.

I added this after the "is" checks in ext-base-debug.js, like 82.

// IE9 behaves much better in Chrome mode than in IE6 mode.
if(isIE && check(/msie 9/)) {
isIE6 = isIE = false;
isChrome = true;
}

Obviously I am aware that telling ExtJS that IE9 is chrome isn't a particularly good idea, but it gets the trees working and its in development internal application, so it's not exactly mission critical.

I'm running with the assumption that IE9 compatibility for ExtJS 3 will be addressed at some point. I'm hoping the release of IE9 RC will now see an ExtJS compatible minor release?

Thanks,

Steve
21 Feb 2011, 4:07 AM
Daz

Thanks for the "fix" - provides an option for some of our IE9 dev testing.
25 Mar 2011, 2:50 AM
meercat

IE9 pretending to be Chrome

The proper release of IE9 (ie not the RC versions) shows the following problems in my app using ext 3.3.0
- menus don't show icons
- menus are not wide enough for text
- tree panels don't get hover/mouse events (expand buttons, tooltips, context menus) but do get drag drop events

and these all seem to be caused by the fact isIE and isIE6 are true.

So all of these are fixed by a variation on the above, I load extjs with an extra bit of code between loading the base and all the rest of Ext

Quote:

<script type='text/javascript' src='http://extjs-public.googlecode.com/svn/tags/extjs-3.3.0/release/adapter/ext/ext-base.js'></script>
<script type='text/javascript'>
// hack hack hackity hack
if (Ext.isIE6 && /msie 9/.test(navigator.userAgent.toLowerCase())) {
Ext.isIE6 = Ext.isIE = false;
Ext.isChrome = Ext.isIE9 = true;
}</script>
<script type='text/javascript' src='http://extjs-public.googlecode.com/svn/tags/extjs-3.3.0/release/ext-all.js'></script>

The "isIE9" is NOT a standard ext flag, but I add it so that I can internally check for this hack.
5 Apr 2011, 12:11 PM
johnmmr

We are seeing the same issue

Just wanted to add my two cents that this is a major bug for us and we would like to have a fix as soon as possible. The Chrome hack really won't work for us.
15 Apr 2011, 8:44 AM
primadesk

Tree panel Issue on IE9

I think this is a big issue. Hope these folks fix it soon.
23 Apr 2011, 9:44 AM
d.albano

i've this issue too... i hope it will be fixed soon...
11 May 2011, 4:57 AM
Artistan

I am having this issue also, no fix yet?
24 May 2011, 5:33 AM
Inlandschweizer

This worked for us

This is the solution we used:
Tree panels work
Also the "createContextualFragment" issue is solved
And you do not need to change any Ext files

index file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

Show 40 post(s) from this thread on one page