Ext.Element.getAttribute not working in IE10

[stevo.zilik]

Hello,

given markup:

<a id="linkId" class="logo-rFactor" download="rFactorPlugin" href="#">rFactor</a>

and running:

var el = Ext.get('linkId');
var value = el.getAttribute('download');

works fine in all browsers but IE10. In IE10, 'value' is null; However when examining the element in debugger,
I can see that :

el.dom.attributes["download"].value    "rFactorPlugin" String

or

el.dom.getAttribute('download')

both return the correct value;

This leads me to conclusion that ext.js is not getting the attribute values in IE10 correctly.

[evant]

I've looked into your test case with the current 4.2 working branch and this issue appears to be already resolved. Thanks for the test case.

[stevo.zilik]

Thanks sounds good. When can we expect to get the working code? Millions of people are using IE10, and the number is not going to be shrinking...

If not a release date, at least please say weeks/months/half year...

[sajohns4]

I agree, its already out on Win8, RC1 or 2 is out for Win7. Seems like GA for Win7 will be arriving shortly, would be nice to actually hear when 4.2 will be out so we can start telling customers when they can expect full support. Surprised more people aren't concerned about the lack of response for this.

[nikolawannabe]

This bug is also present in ExtJS 3. Are there any suggested fixes or patches for it on 3?

[BoydTv]

For those of you who can't wait for the next version, I've made a workaround for this problem in ExtJs version 4.1.1.1. Feel free to use it (at your own risk).

Ext.override(Ext.dom.Element, {
    getAttribute: (Ext.isIE6 || Ext.isIE7 || Ext.isIE8) ?
        function (name, ns) {
            var d = this.dom,
                    type;
            if (ns) {
                type = typeof d[ns + ":" + name];
                if (type != 'undefined' && type != 'unknown') {
                    return d[ns + ":" + name] || null;
                }
                return null;
            }
            if (name === "for") {
                name = "htmlFor";
            }
            return d[name] || null;
        } : function (name, ns) {
            var d = this.dom;
            if (ns) {
                return d.getAttributeNS(ns, name) || d.getAttribute(ns + ":" + name);
            }
            return d.getAttribute(name) || d[name] || null;
        }
});

It might work for other versions too unless the 'getAttribute' function in that version is too different.

Cheers,
Boyd