argyleink / argyleink/open-props

Animations Shake-Y on Safari not stacking with other animations

Open
#468 1 comment 0 reactions 0 assignees View on GitHub
bug question
Dominant language
HTML
Stars
5.5k
Forks
216
PR merge metrics
No merged PRs in 30d

Description

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

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the animation combination in the linked CodePen using Safari 17.3.1 and Chrome 121 on the reported MacBook Air, then inspect the repository's shake-y animation definitions and related animation utilities. Done means shake-y stacks consistently with other animations across both browsers without changing the intended motion.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.