motiondivision / motiondivision/motion
[BUG] layout transition issue
Nobody has claimed this yet.
- 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
When transitioning between two layouts, the close animation becomes weird start with the second time.
3. IMPORTANT: Provide a CodeSandbox reproduction of the bug
Minimal example: https://codesandbox.io/s/young-tree-wmwqv5
4. Steps to reproduce
Steps to reproduce the behavior:
- Click the red square to trigger a popup with layout transition
- Click the blue square to close it, watch the perfect close transition
- Click the red square so it pops up again
- Click the blue square to close it, see the transition bug
- From this point onwards, the close transition is always buggy
5. Expected behavior
The close transition in step 4 should be identical to the one in step 2
7. Environment details
Chrome on mac os
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox reproduction and follow the listed red-square and blue-square steps, comparing the first and second close transitions. Trace the layout transition behavior demonstrated there; done means repeated popup open-and-close cycles produce the same close animation as the first cycle.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100