Animations not working on Chrome iOS - Githubissues

cyntler / hamburger-react

Animated hamburger menu icons for React.js weighs only 1.5 KB.

https://hamburger-react.netlify.app

MIT License

963 stars 36 forks source link

Animations not working on Chrome iOS #55

Closed aer127 closed 2 years ago

aer127 commented 2 years ago

The icon animations are not working on Chrome iOS. Using the demo site (https://hamburger-react.netlify.app/), clicking the icons transitions between states without any animation. Using other browsers on my phone (Safari, Firefox, Edge) the animations work perfectly. Issue seems to be only affecting Chrome. I am running Chrome iOS version 102.0.5005.87 and iOS version 15.5

I've attached videos of the demo site in both Chrome (not-working) and Safari (working)

https://user-images.githubusercontent.com/8918853/172901475-588c5256-fc2e-41be-8a7c-af7e4bd566d4.MP4

https://user-images.githubusercontent.com/8918853/172901471-737ade65-6135-4d17-a390-a85949bbf07d.MP4

luukdv commented 2 years ago

Hi! This is a known Chrome iOS issue unfortunately, sometimes CSS transitions stop working (see https://bugs.chromium.org/p/chromium/issues/detail?id=1231712). You can force restart your browser or reboot your device to fix it.