-
Notifications
You must be signed in to change notification settings - Fork 26.2k
animations missing in production #61150
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
…animations no running in prod - angular/angular#61150, other minor fixes.
Can you please provide a minimal-repro of the issue. We don't investigate larger applications. Thank you. |
The app is small, just a few components, all you need to do is |
To both sides of this conversation: To run ng serve in prod mode, use |
Actually there is a shortlink for any github repo: https://stackblitz.com/github/igokul1973/blog.didgibot.com And to answer the question, both are find for that reason, it easy for use to open a github repo. |
Which @angular/* package(s) are the source of the bug?
Don't known / other
Is this a regression?
Yes
Description
The gist:
When in dev environment (
ng serve
orng build --configuration=development
) the animations (@Keyframes) work fine. When the project is built in production mode, some animations are missing.How to reproduce:
Clone and run in different configurations igokul1973/blog.didgibot.com@e478057. You will see the header animation in both cases but in production mode the subheader line 'blog about making the blog' will be hidden because the animation responsible for changing opacity to 1 is missing.
What I tried:
Changing optimization to 'false' in production mode helps, changing to
encapsulation: ViewEncapsulation.None
works too, but both are suboptimal and should not be used.Similar issues:
I read the closed issue - #53038 - and it is very similar as far as the issue description is concerned. In my case, however, while experimenting I even moved all @Keyframes styling to the same component stylesheet (which is recommended on the issue 53038 but in my case adds to redundancy and is also suboptimal), but it did not help.
Another similar issue - #60878.
Environment:
I use Angular 19, Angular Material 19, etc. Please let me know if you have any questions.
For now I will resort to setting encapsulation to None.
Please provide a link to a minimal reproduction of the bug
igokul1973/blog.didgibot.com@e478057
Please provide the exception or error you saw
Please provide the environment you discovered this bug in (run
ng version
)Anything else?
The text was updated successfully, but these errors were encountered: