Mat Icon Not Working In Ie11

The output color is dependent on the starting tonal value:

Mat icon not working in ie11. Ui component infrastructure and material design components for mobile and desktop angular web applications. Having issue with internet explorer 11. Latest installed epc is 80.

Even if we replace %23 also internet explorer 11 is not showing up the conditional formatting icon. This has a few ie bugs listed. Adding the following line to the pseudo element fixed the bug for me:.

A mini fab should be used on smaller screens. The full working code can be found in in this github repo. This combination of related component / directive works in the following way:

If the third script (shims_for_ie.js) is missing, your app won’t run, but fail for one of the reasons noted above. This was not working for me when i used only the.woff2 file. The matheaderrowdef identifies a configuration element for the table header row, but it does not apply any styling to the element;

Other than that there is no common guidelines, just spaghetti everything that is not working / is too slow in ie. Including the.woff and.ttf files as well fixed ie11 for me. The day microsoft stops ie11 support altogether is the day i party.

But chrome is working fine, what changes do i need to do for this ie11 compatability issue. I was trying to fix a bug where ie11 would not display material icons created using pseudo elements using content: According to caniuse, this is not supported for opera mini and ie11.