IanLunn / IanLunn/Sequence

Improve how the browser handles transitions/keyframes when resizing occurs

Open
#163 3 comments 0 reactions 0 assignees View on GitHub
General Improvements
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.