argyleink / open-props

CSS custom properties to help accelerate adaptive and consistent design.
https://open-props.style
MIT License
4.77k stars 193 forks source link

Animations Shake-Y on Safari not stacking with other animations #468

Open Peter-Kang opened 8 months ago

Peter-Kang commented 8 months ago

https://github.com/argyleink/open-props/assets/4218148/3a7ed9b5-53ec-4d4a-9a43-ee22da0df561

M2 air Safari Version 17.3.1 Chrome Version 121.0.6167.160

The left is safari and the right is chrome in the video.

The animations for shake y when combined with other animations didn't stack the same way across browsers.

This also can be seen running this on both browsers: https://codepen.io/Peter-Kang-the-sans/pen/XWGygLZ

argyleink commented 8 months ago

nice interop issue find! i've logged a bug here on Safari https://bugs.webkit.org/show_bug.cgi?id=269858