Angular material flex grid system not working in IE11

[aimad-majdou]

Actual Behavior:
I have an application built with angularjs (1.5.5) and angular material (1.0.5).

I used the flex layout by the angular material, but I'm having an issue on IE11 when I zoom the webpage, the flex rows are getting overflowed on each other.

CodePen:
https://codepen.io/anon/pen/wqPBLa?editors=1010

AngularJS Versions:

• AngularJS Version: 1.5.5
• AngularJS Material Version: 1.0.5

Additional Information:

• Browser Type: * Internet Explorer
• Browser Version: * 11

[AkhilNaidu09]

@aimad-majdou can you please attahc the screenshot. Its working fine for me with the same codepen

[aimad-majdou]

Hi, sorry for my late answer, I've attached the screenshots on both IE11 and Chrome :

[AkhilNaidu09]

@aimad-majdou Try this once hope it will work codepen

[aimad-majdou]

@AkhilNaidu09 Thanks it worked

[AkhilNaidu09]

Welcome @aimad-majdou .. close this issue 👍 Have a great day :-)