components
components copied to clipboard
bug([MatSidenav]): [Slow animation speed on Safari]
Reproduction
https://stackblitz.com/edit/angular-uasem8?file=src/app/sidenav-open-close-example.ts ^ This is a direct fork of the example from https://material.angular.io/components/sidenav/overview#opening-and-closing-a-sidenav
Steps to reproduce:
- Open the stackblitz on Safari (desktop or mobile)
- Click the toggle box to open/close the sidenav
- Compare the speed of the animation to the speed on another browser (Chrome)
Expected Behavior
Animation speed should be the same across browsers
Actual Behavior
Animation speed is noticeably slower in Safari
Environment
- Angular: 9.0.0
- CDK/Material: 9.0.0
- Browser(s): Safari 13.1
- Operating System (e.g. Windows, macOS, Ubuntu): MacOS
Same issue detected. Slow animation of Sidenav component in Safari browser.
Confirmed that the animation is having issues on Safari. Might be a regression, since I don't remember seeing this in the past.
Just noticed this today on my customer's app. Thought I was going crazy first.
I can confirm the slow animation happens with Angular 7.1.1 in MacOS 10.15.5 Safari 13.1.1 iPadOS 13.5 Safari iOS 13.5 Safari
I confirm the exact same problem. The sidenav is slower in Safari. Expected speed is the same as chrome
I noticed that this is resolved in Safari on iOS 14.0 Developer Preview with Angular 9. Wondering what changes to Safari fixed it...
Seeing the same issue with the latest version of Angular and Angular Material on the latest version of Safari. Does anyone have a lead on a solution?
I just came here, after noticing how painfully slow nav-bar
animation is in Safari on my latest 2023 Macbook Pro and Macbook Air. It is totally inconsistent with how it works elsewhere.
And I am using Angular v15.2.7. So, 3 years later, the issue and the issue hasn't been addressed. How come?
Same in Angular 17.3.3 on macOS Safari 17.3.1. But sidenav on iOS Safari 17.4.1 working well.
UPD This problem is presents only in production build with service worker. Dev version of application working well.