Components: mdToolTip not working in IE Edge

Created on 14 Apr 2017 · 9Comments · Source: angular/components

Bug, feature request, or proposal:

mdToolTip not working in IE Edge

What is the expected behavior?

mdToolTip should work in all browser

What is the current behavior?

mdToolTip Doesn't appear in IE Edge

What are the steps to reproduce?

Just view this plunker in IEEdge
https://plnkr.co/edit/?p=preview

Providing a Plunker (or similar) is the best way to get the team to see your issue.
https://plnkr.co/edit/?p=preview

What is the use-case or motivation for changing an existing behavior?

It is bug

Which versions of Angular, Material, OS, browsers are affected?

angular 4.0.0, materila ^2.0.0-beta.2, Windows10, IE Edge

Is there anything else we should know?

Nope

Source

atul221282

👍1

Most helpful comment

You need to use web-animations-js in IE11

Adding the polyfill:

Install with npm install web-animations-js --save
Add to polyfills.ts: require('web-animations-js/web-animations.min');
It also worked if I do import 'web-animations-js/web-animations.min';

rel: #3605

Alyreon on 4 Aug 2017

👍3

All 9 comments

@atul221282 your link to plunkr is broken.
here is a working link:
https://plnkr.co/edit/kR2h9MZePvqq8f7qp117?p=preview

kkulikowski on 14 Apr 2017

Your plunker got the same issue with mdTooltip. The version of IE Edge I am using is mentioned below
capture

atul221282 on 15 Apr 2017

One more thing noticed, mdTooltip(with binding), when used in child components causing memory leaks.
Will post repro soon

EndarValuk on 19 Apr 2017

Pitmov on 27 Jul 2017

+1
It does not work for me

vovcyan on 27 Jul 2017

You need to use web-animations-js in IE11

Adding the polyfill:

Install with npm install web-animations-js --save
Add to polyfills.ts: require('web-animations-js/web-animations.min');
It also worked if I do import 'web-animations-js/web-animations.min';

rel: #3605

Alyreon on 4 Aug 2017

👍3

I get "TypeError: Object doesn't support property or method 'push'" in Edge and IE 11 when I trigger a tooltip before an earlier tooltip has had time to completely fade away, or if I un-trigger one (move mouse out) while it's still in the process of fading in.

Web-animations-js is installed & imported.

"@angular/material": "^2.0.0-beta.12"
"@angular/animations": "^4.4.5"
"web-animations-js": "^2.3.1"