add extjs 6.0.1 sources

[extjs.git] / extjs / templates / admin-dashboard / classic / overrides / menu / Item.js

// IE8 has an odd bug with handling font icons in pseudo elements;\r
// it will render the icon once and not update it when something\r
// like text color is changed via style addition or removal.\r
// We have to force icon repaint by adding a style with forced empty\r
// pseudo element content, (x-sync-repaint) and removing it back to work\r
// around this issue.\r
// See this: https://github.com/FortAwesome/Font-Awesome/issues/954\r
// and this: https://github.com/twbs/bootstrap/issues/13863\r
Ext.define('Admin.override.menu.Item', {\r
    override: 'Ext.menu.Item',\r
    \r
    compatibility: 'IE@8', // only activate this override on IE8\r
    \r
    onFocus: function(e) {\r
        this.callParent([e]);\r
        this.repaintFontIcons();\r
    },\r
    \r
    onFocusLeave: function(e) {\r
        this.callParent([e]);\r
        this.repaintFontIcons();\r
    },\r
    \r
    privates: {\r
        repaintFontIcons: function() {\r
            var itemEl = this.itemEl,\r
                textEl = this.textEl,\r
                fly;\r
\r
            // This application uses font icons on some elements that the framework\r
            // does not expect, so we have to extend its normal IE8 workarounds\r
\r
            if (itemEl && this.el.hasCls('font-icon')) {\r
                itemEl.syncRepaint();\r
            }\r
            \r
            if (textEl) {\r
                fly = Ext.fly(textEl.dom.firstChild);\r
                \r
                if (fly && fly.hasCls(Ext.baseCSSPrefix + 'fa')) {\r
                    fly.syncRepaint();\r
                }\r
            }\r
        }\r
    }\r
});\r