clauderic / clauderic/react-sortable-hoc

Jerky transitions in lists with items of varying height (reproducible in your example)

Open
#339 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
10.9k
Forks
959
PR merge metrics
No merged PRs in 30d

Description

http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/elements-of-varying-heights?_k=7aixc4

If the bottommost item has a small height and you're trying to drag a tall item below it, the small item will jump up and down randomly as your cursor moves around the very bottom of the list.

![react-sortable-hoc-bug](https://user-images.githubusercontent.com/754443/35684251-9ac1c522-0766-11e8-98b8-13867ef7b12e.gif)

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the behavior in the linked Elements of Varying Heights example, focusing on dragging a tall item below a short bottommost item. Trace the sortable-list drag and transition behavior involved in the jump, then verify that the bottom item remains stable while dragging.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.