What can be done to improve IE11 behaviour with Angular Material?

Question

I am working on a Angular project wherein I have used Angular Material components (mainly md-Buttons). The application shows various tiles each one of which is md-Button. At a time I will probably have 20-30 tiles max. These tiles are repeated using ng-repeat.

The application works good enough on Chrome, however on IE11, I am facing rendering issue regularly. Rendering takes around 5-6 seconds. Toggling tiles display works poorly. Scrolling screen leads to the components sticking and then moving after say 1 sec.

Probably I guess Angular Material is too heavy for IE11. Is there something I can do to speed up things on IE11 as this is my primary target browser?

I have tried:

1. Updating Angular libraries.
2. Using MS052 patch
3. Removing few transitions from Angular Material css.

None of the above seems to have much effect.

I think Angular material is a good library and there must be something that can be done to improve its working in IE11. Please can someone suggest something effective?

Answer 1

We are also working on angular project and we are facing performance troubles with Internet Explorer 11.

I found this bug on github that helped me : https://github.com/angular/material/issues/1771

Solution: In the last version 0.11.1 they worked on layout display issues for Internet Explorer so I just updated to angular material to v0.11.1 and added this line to my angular config JavaScript file :

$provide.constant('$MD_THEME_CSS', '/**/');

The performance improved for Internet Explorer 11.