CODEWITHSUNDEEP
angularsafariangular-animations
David van der Sluijs
David van der Sluijs

Reputation: 49

Safari ignores angular animations timing function

I'm trying to build a animation with angular animations, but if I choose a custom cubic-bezier timing function, it sometimes gets ignored in safari.

Here is my example code of the problem: https://stackblitz.com/edit/angular-ivy-qyj9rv

You can see what I mean here:

In Chrome:

Chrome:

In Safari:

Safari

Upvotes: 3

Views: 645

Answers (1)

elesueur
elesueur

Reputation: 69

@SlateDave my colleague and I have also found this issue while building a toast-like widget using Angular animations. We are on latest Angular 9. Animations work fine in Chrome and Firefox, but the easing in Safari is completely broken and looks terrible. I think it may be wise for us to file this as an Angular animations github issue.

Upvotes: 1

Related Questions