[OPEN-1278] SCRIPT438 error with IE9 Beta and ext-all-debug.js

[stevenwilford]

When including ext-all-debug.js from v3.2.1 the following error is presented in the console of the newly released IE9 Beta:-

SCRIPT438: Object doesn't support this property or method
ext-all-debug.js, line 191 character 21

Switching the document mode into IE8 standards doesn't produce this error.

[Animal]

When you go into the Tools menu, and set a breakpoint there, what's going on?

[stevenwilford]

To be honest I'm not sure if the following information will be of any use, so I'll also provide a simple example to reproduce the issue ...

It seems to be caused by a call to (a subclass of) Ext.Window's show() method.

Example: http://stevewilford.co.uk/playpen/ext-window-ie9-bug/

It also happens all over the Sencha website (when using IE9 beta).

I don't know whether it's a related or separate issue, but the drag-drop functionality of the window seems to be broken as well, dragging begins and displays the window ghost but on nothing happens mouse release (i.e. the window continues to drag)

Break at line 191 of ext-all-debug.js:

frag = range.createContextualFragment(html);

The contents of the "html" variable is:-

<div class="x-ie-shadow"></div>

Call Stack:-
insertHtml
pull
show
sync
setVisible
show
afterShow
show
show
Anonymous Function -- calls a subclass of Ext.Window's show() method
JScript global code

[emilschutte]

IE9 beta doesn't have the DOM Range method createContextualFragment.

Here's the patch I'm using to fix this at the moment:

if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment)
{
	Range.prototype.createContextualFragment = function(html)
	{
		var frag = document.createDocumentFragment(), 
		    div = document.createElement("div");
		frag.appendChild(div);
		div.outerHTML = html;
		return frag;
	};
}

[igitur]

Getting exactly the same with IE9 (final) + Ext.NET. It doesn't occur when my app is in IE7/8 compatibility mode though.

[mfrancia]

hi

i still have the problem with the rtm version of ie9, i apply the fix but it doesnt work

please help

[rick.reese]

IE9 beta doesn't have the DOM Range method createContextualFragment.

Here's the patch I'm using to fix this at the moment:

if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment)
{
    Range.prototype.createContextualFragment = function(html)
    {
        var frag = document.createDocumentFragment(), 
            div = document.createElement("div");
        frag.appendChild(div);
        div.outerHTML = html;
        return frag;
    };
}

Where did you insert this? In the ext-all.js or the page that references ext-all.js?

[mfrancia]

hi

i inserted in the ext-all.js, but i tried to put in an override.js and this works perfect

thanks

[xjpmauricio]

Hi, still have some products using ExtJs3 so i used your patch but with a slight difference:

    if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment) {
        Range.prototype.createContextualFragment = function (html) {
            var frag = document.createDocumentFragment(),
        div = document.createElement("div");
            frag.appendChild(div);
            //div.outerHTML = html;
            return frag;
        };
    }

...I just commented the outerHTML part, i think this is read-only and keeps on throwing errors on IE9 and 10.