joshwcomeau / joshwcomeau/react-flip-move
Can FlipMove fix the masking problem caused by the incorrect top value?
- Dominant language
- JavaScript
- Stars
- 4.1k
- Forks
- 250
- PR merge metrics
- No merged PRs in 30d
Description
Demo: https://codesandbox.io/embed/blissful-golick-86mcsb?fontsize=14&hidenavigation=1&theme=dark
It may not be a bug, but it looks really strange in fade animation mode.
I have given my own repair method in the Demo. Can FlipMove directly repair it or is there a more recommended repair method?
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the linked CodeSandbox demo and reproduce the masking behavior in fade animation mode. Compare the displayed result with the reported repair method, then identify the FlipMove entry point responsible for the incorrect top value. Done means the fade animation no longer produces the reported masking problem and the behavior is covered by an appropriate regression check.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100