Angular animation not working in IE

Question

I added animation to my component in Angular. However, the WORKS FINE animation in Chrome and Firefox, but in IE Edge, the animation does NOT start, although the styles are applied correctly when the state changes, but simply without the specified animation.

Does anyone have the same problem?

Here is my code:

animations: [ trigger('rowState', [ state('collapsed', style({ 'height': 0, 'overflow-y': 'hidden' })), state('expanded', style({ 'height': '*', 'overflow-y': 'hidden' })), transition('collapsed <=> expanded', [animate('1000ms ease-out')]) ]) ] 

Thank you in advance

Answer 1

Web animation is not supported in edge , you have to add polyfill

Angular animations are created on top of the standard web animation APIs and run on the basis of browsers that support it. Other browsers require a polyfill. Take web-animations.min.js from GitHub and add it to your page.