Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

internet explorer compatibility with angular material

Tags:

angular-material

I am working on MEAN stack with angular material design. After testing on chrome & firefox, every functionality including flex & offset etc is working perfect. but in internet explorer, nothing is working as it is supposed to.

My question is, how to make angular material compatible with IE 10 & IE 11?

like image 908
Muddassir Munir Avatar asked Aug 06 '15 11:08

Muddassir Munir

People also ask

Is Angular 9 compatible with IE?

Deprecating support for IE 9, 10 and IE Mobile According to the official blog post, the team behind Angular let us know that after a heavy consultation with the community they decided to officially deprecate support for IE 9, 10 and Internet Explorer Mobile.

Does IE 11 support ES6?

Note: ECMAScript 2015 (ES6) is Partially Supported on Internet Explorer 11.

1 Answers

Angular Material is targeted for all browsers with versions n-1; where n is the current browser version. IE 10 is no longer supported.

Edge seems to work well with material, but IE 11 still has some discrepancies. I get around these layout issues by simply adding a few CSS rules to elements that aren't displaying correctly while making sure they don't affect my Chrome / FF layouts.

Also the way you nest your divs; layout rows, input containers, etc, can have an undesirable effect in IE 11. Trial and error worked best for me.

like image 105
Tuesdave Avatar answered Oct 14 '22 18:10

Tuesdave
Sign in to Comment

Related questions

How to extend/overwrite default options in Angular Material $mdDialog.show?
Using Ellipsis in Angular Material Table
Mat Dialog Error in Angular Component ExpressionChangedAfterItHasBeenCheckedError
mat-autocomplete filter to hightlight partial string matches
MatDialog dialog from Angular Material is not closing
Error: No provider for ChildrenOutletContexts [duplicate]
How to clear mat-datepicker in Angular 5
Angular How to catch mat-tab changed event
Angular material stepper next step showing create instead of 1
Injecting $mdMenu into scope. Cannot read property open() of undefined
MatNativeDateModule, MatMomentDateModule not found in angular 9.1.1
How can I set Angular 6 Material sidenav to open right to left from the right side of the screen
reset paginator first page angular material
Right align element in div class
How to center mat-card in angular materials?
Angular-material: input-group and md-buttons on same line
Angular Material and the Safari Browser
Can't get animations to work with md-tab-nav-bar/md-tab-link
What can be done to improve IE11 behaviour with Angular Material?
Does it make sense to implement md-data-table for angular material design?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!