motiondivision / motiondivision/motion

[BUG] Sequence bugs out after 20 seconds

Open
#2,494 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
33.7k
Forks
1.4k
Avg merge
1d 10h
Merged PRs (30d)
14

Description

1. Read the FAQs 👇

2. Describe the bug

Whenever a sequence is over 20 seconds, animations in the timeline get flakey.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/s/github/Rkaede/poopity-scoop

4. Steps to reproduce

  1. Go to the codesandbox and press play.
  2. Use the slider to scrub back and froth across the first 15 seconds of the sequence.
  3. Once the time gets over 20 seconds the animations across the entire timeline start to flake out. This includes scrubbing back to any previous point.
  4. This behavior still occurs of all animations are removed from the first 20 seconds.

5. Expected behavior

The animations to continue to play just like the first 20 seconds.

6. Video or screenshots

N/A

7. Environment details

Occurs on:

  • MacOS on Chrome v120, Firefox v121 & Safari 17.2
  • iOS on Safari

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CodeSandbox reproduction and verify the failure by playing the sequence and scrubbing before and after 20 seconds. Trace the animation timeline behavior responsible for the flakiness, then confirm that playback and scrubbing remain consistent across the full sequence, including when the first 20 seconds contain no animations.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.