Improve how the browser handles transitions/keyframes when resizing occurs
- Dominant language
- JavaScript
- Stars
- 3.3k
- Forks
- 470
- PR merge metrics
- No merged PRs in 30d
Description
When the browser window is resized, a touch device is orientated (or even scrolled), transitions and keyframes are manipulated by the browsers. Transitions appear to stop and keyframes are restarted. This means that Sequence animations can get out of sync or just look broken when these events occur.
Add a workaround to deal with this in the most graceful way possible.
Contributor guide
Research direction
No files, tests, or entry points are named. Start by reproducing the animation during window resize, device orientation changes, and scrolling, then trace how Sequence handles those events. Done means transitions and keyframes remain synchronized and visually stable after each event.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100