I have a project which has an angular component nested in a main html file.
The main html file has angular tab menu (created using *ngIf) and the component html file has CSS3 animation which can to be triggered by a start button.
Problem: I can start the animation using the start button but when I navigate to other tab menu div in main html, the CSS3 animation on component automatically stops. It needs to triggered again from start using the button.
In this project, I have to keep animation going even when the component is in background.
How can I do that? I’m sure this is an angular related issue… and I’m guessing there must be a way to keep component page running in background even when it’s hidden from display.
Thanks in advance.