joshwcomeau / joshwcomeau/react-flip-move

Bug when scroll position at the end

Open
#199 6 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
4.1k
Forks
250
PR merge metrics
No merged PRs in 30d

Description

Hi.
I have a problem with animation of remove when a container scrolling position is at the end (or near the end). In this case the animated element shifts down by its height.
I can illustrate it by screencasts.
[Normal case: scrolling position is higher than end](https://monosnap.com/file/QjwJ4blzv5dHdMDvMTNZgsEIAMU9er)
[Wrong case: scrolling position is at the end](https://monosnap.com/file/kx1N7hK1mw281hFipeD5MT5Fza8Mbu)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the removal animation at the end of a scrollable container, using the two linked screencasts as the expected and failing cases. Trace the animation behavior in the project entry points and verify that removing an element no longer shifts it downward when the scroll position is at or near the end.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.