IE8 not working with Ext.dom.Element style[hook.name] where hook.name == "color"

1. 
   

   Thank you for reporting this bug. We will make it our priority to review this report.

   
   


2. 
   
   
   

   
   

   
   

   IE8 not working with Ext.dom.Element style[hook.name] where hook.name == "color"

   
   

   
   

   IE8 not working with Ext.dom.Element style[hook.name] where hook.name == "color"

   
   
   
   

   
   

   Fiddle not working on IE8: http://ift.tt/1tSc6I1
   

   How to reproduce -> Open west panel

   
   

   Error:
   
   On line -> style[hook.name] = value
   
   Message - > Invalid property value.

   
   

   Class Ext.dom.Element :
   

   
   

   
   

   Code:

   
   

   
    for (name in prop) {
                       if (prop.hasOwnProperty(name)) {
                           hook = hooks[name];
                           if (!hook) {
                               hooks[name] = hook = {
                                   name: Element.normalize(name)
                               };
                           }
                           value = prop[name];
                           value = (value == null) ? '' : value;
                           
                           if (hook.set) {
                               hook.set(dom, value, me);
                           } else {
                               style[hook.name] = value;
                           }
                           if (hook.afterSet) {
                               hook.afterSet(dom, value, me);
                           }
                       }
                   }
   

   
   

   
   

   
   

   
   

   
   

   
   
   
   

   ---



3. 
   
   
   

   
   

   
   

   

   
   

   
   

   
   
   
   

   
   

   A vast majority of the test case is unnecessary, it can be reproduced with:
   

   
   

   Code:

   
   

   
   Ext.onReady(function() {
       var el = Ext.getBody().createChild();
       el.setStyle('color', 'rgba(0, 0, 0, 0.2)');
   });
   

   
   IE8 doesn't support the opacity part of RGB colours. As far as I can see there's no way to support it only for specific properties, the best you can do is set opacity on the whole element using the proprietary filter tags:
   

   
   

   Code:

   
   

   
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cFF0000,endColorstr=#4cFF0000);
   

   
   However they apply to the whole element. I don't really see how this can be "fixed", other than allowing the developer to ask & branch appropriately.

   
   

   
   

   
   

   
   

   
   

   
   

   Evan Trimboli
   
   Sencha Developer
   
   Twitter - @evantrimboli
   
   Don't be afraid of the source code!

   
   

   
   

   
   

   
   
   
   

   ---

IE8 not working with Ext.dom.Element style[hook.name] where hook.name == "color"