Angular 5 Animations are not working on iOS 10.3 Safari

Question

I'm using @angular/animations on my page. It works perfectly on Chrome, Firefox, Safari(Desktop) but the divs that has animation are not visible in Safari (iOS).

I imported web-animations-js in my polyfills.ts file.

**versions**
npm 5.5.1 
@angular/animations: "5.1.1" 
@angular/cli: "1.6.1"
@angular/compiler-cli: "5.1.0" 
web-animations-js: "^2.3.1"

Try also with *import 'web-animations-js/web-animations.min';* or *require('web-animations-js/web-animations.min');* — br.julien, Dec 27 '17 at 12:15
Another idea would be to put it first in the list of the imports, if it's not already done — br.julien, Dec 27 '17 at 13:21
@br.julien Putting the line on top of the page didn't work either.. — Emre Alparslan, Dec 28 '17 at 15:36
Did u find any solution to this issue? I am facing same problem. — Smita More, Apr 11 '18 at 20:49

score 0 · Answer 1 · answered Jul 07 '18 at 08:07

0

you need to add polyfill in polyfills.ts

remove comments from

import web-animations-js;

then run

npm install --save web-animations-js

answered Jul 07 '18 at 08:07

Dulanga Heshan

1,098
12
22

Angular 5 Animations are not working on iOS 10.3 Safari

1 Answers1