Angular Universal | How to stop animations from being played twice?

Asked Nov 14 '19 at 14:25

Active Nov 14 '19 at 14:25

Viewed 279 times

I'm building a web application using Angular. For SEO purposes I have implemented SSR (Angular Universal).

Problem: When the application is fetched from the server various animations are played. A few seconds after (when browser rendering is complete and browser takes over) the same animations are played again.

This looks awful.

The animations in question are ScrollReveal and animate.css

Question: How can I prevent animations from being played a second time when browser rendering is complete?

asked Nov 14 '19 at 14:25

Vingtoft

13,368
23
86
135

I have the same issue, totally wired no answer to this. – albanx Dec 25 '22 at 18:59
the issue seems to be the fact that the dom elements are re-rendered when the js loads after the SSR has finished – albanx Dec 25 '22 at 19:03

Angular Universal | How to stop animations from being played twice?

0 Answers0