Page 1 of 2 12 LastLast
Results 1 to 10 of 18

Thread: [OPEN-1434] ExtJS, TreePanel and IE9

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Nov 2010

    Default [OPEN-1434] ExtJS, TreePanel and IE9


    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?



  2. #2
    Sencha User
    Join Date
    Oct 2008


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

    As you found, IE9 detection doesnt resolve this (

    Also, IE8/7 emulation produces many other problems and isnt supported.

    If anyone is able to provide suggestions on how to get trees/ IE9 working it would be much appreciated.

  3. #3
    Sencha User
    Join Date
    Nov 2010


    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?



  4. #4
    Sencha User
    Join Date
    Oct 2008


    Thanks for the "fix" - provides an option for some of our IE9 dev testing.

  5. #5
    Sencha User
    Join Date
    May 2010
    London, UK

    Default 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

    <script type='text/javascript' src=''></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 type='text/javascript' src=''></script>

    The "isIE9" is NOT a standard ext flag, but I add it so that I can internally check for this hack.
    Last edited by meercat; 25 Mar 2011 at 2:51 AM. Reason: markup for code

  6. #6

    Default 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.

  7. #7

    Default Tree panel Issue on IE9

    I think this is a big issue. Hope these folks fix it soon.

  8. #8
    Ext JS Premium Member d.albano's Avatar
    Join Date
    Mar 2011


    i've this issue too... i hope it will be fixed soon...
    Albano Daniele Salvatore
    • IT Consultant
    • Website Design and Development
    • Software Engineer and Developer
    • Linux Servers SetUp And Administration
    • Embedded Network Solutions

  9. #9
    Ext JS Premium Member Artistan's Avatar
    Join Date
    Apr 2007


    I am having this issue also, no fix yet?

  10. #10
    Sencha Premium User
    Join Date
    May 2011

    Default 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" "">
    <html xmlns="" lang="en" xml:lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
    Last edited by Inlandschweizer; 24 May 2011 at 7:13 AM. Reason: some more information added

Page 1 of 2 12 LastLast

Similar Threads

  1. hiding open arrow for childless folder in TreePanel
    By nickbrook72 in forum Ext: Q&A
    Replies: 3
    Last Post: 3 Jun 2014, 10:31 PM
  2. [OPEN-1278] SCRIPT438 error with IE9 Beta and ext-all-debug.js
    By stevenwilford in forum Ext 3.x: Bugs
    Replies: 8
    Last Post: 9 Apr 2012, 7:05 AM
  3. What's going on with ie9 support?
    By Ozone in forum Community Discussion
    Replies: 11
    Last Post: 15 Sep 2010, 11:16 PM
  4. A Glimpse at IE9 (the early days)
    By hendricd in forum Community Discussion
    Replies: 13
    Last Post: 6 May 2010, 11:44 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts