Ext.utils.CSS.getRule - always throws error

[klodoma1]

        getRule: function(selector, refreshCache, rawCache) {            var i;

            if (refreshCache) {
                CSS.refreshCache();
            }
            if (!Ext.isArray(selector)) {
                return rawCache ? rules[selector.toLowerCase()] : rules[selector.toLowerCase()].cssRule;
            }
            for (i = 0; i < selector.length; i++) {
                if (rules[selector[i]]) {
                    return rawCache ? rules[selector[i].toLowerCase()] : rules[selector[i].toLowerCase()].cssRule;
                }
            }
            return null;
},

nice refactoring it ALWAYS throws an error.

rules variable comes from!?

I think the developer forgot a line like:
var rules = this.getRules(refreshCache);

[klodoma1]

This solution works(at least for my cases)

        getRule: function(selector, refreshCache, rawCache) {
            var rules = this.getRules(refreshCache),
            i;


            if (refreshCache) {
                CSS.refreshCache();
            }
            if (!Ext.isArray(selector)) {
                return rawCache ? rules[selector.toLowerCase()] : rules[selector.toLowerCase()].cssRule;
            }
            for (i = 0; i < selector.length; i++) {
                if (rules[selector[i]]) {
                    return rawCache ? rules[selector[i].toLowerCase()] : rules[selector[i].toLowerCase()].cssRule;
                }
            }
            return null;
        },

[dongryphon]

Thanks for the report! I have opened a bug in our bug tracker.

[Animal]

Fixed method:

getRule: function(selector, refreshCache, rawCache) {
            var i;

            if (!rules || refreshCache) {
                CSS.refreshCache();
            }
            if (!Ext.isArray(selector)) {
                return rawCache ? rules[selector.toLowerCase()] : rules[selector.toLowerCase()].cssRule;
            }
            for (i = 0; i < selector.length; i++) {
                if (rules[selector[i]]) {
                    return rawCache ? rules[selector[i].toLowerCase()] : rules[selector[i].toLowerCase()].cssRule;
                }
            }
            return null;
        },