0

I've been designing the web page for the company I work for and found something unusual so I hope anyone know what's causing it. I was stuck for a day trying to find out why when I compiled my Angular proyect with poduction=true, the mayority of the CSS animations broke down. Today, I managed to find what was the source of the problem. The problem was that my dev compilation had "buildOptimizer": false and "optimization": false in angular.json, so I added it to the production build configuration and everything started working again. My question is, why is this happening? Why is the Angular optimization breaking all the CSS animations?

This happens in all the browsers and devices I checked with (my M1 Mac in Chrome and Safari, my Intel iMac with Chrome and Safari, my iPad and iPhone in Chrome and Safari, an Intel Windows VM in Chorme and Edge and my Raspberry Pi in Firefox), so its not a browser compatibility thing.

Thank you!

Improve this question
3
  • could you provide keyframes of the animation that is broken? I think you are trying to animate something like svg x or y properties Commented May 7, 2023 at 12:29
  • simillar issue Commented May 7, 2023 at 12:59
  • Specifically, I'm trying to animate the Bootstrap 5.2 carousel. I have two of them in the page, and one is modified to have multiple images. The thing is that niether one display the slide animation when I compile with optimizations... Commented May 8, 2023 at 3:54
Related questions
4321
Is there a CSS parent selector?
4418
Change an HTML input's placeholder color with CSS
3725
Set cellpadding and cellspacing in CSS?
Load 6 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.