React-sortable-hoc: Having to drag too far

[Austin-UW]

I have a component and trying to drag it requires me to drag too far, video: https://vimeo.com/285899639
source code: https://github.com/conradkay/todo-app-jest-flow-router-react-redux

[ohtanya]

Were you able to solve this? I'm having the same problem.

[Austin-UW]

I have since stopped using react-sortable-hoc, so no :(

On Sat, Sep 8, 2018 at 1:01 AM Tanya Gamarian [e-mail]
wrote:

Were you able to solve this? I'm having the same problem.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/clauderic/react-sortable-hoc/issues/419#issuecomment-419613256,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AXqzzBzKawSGdDzd9BaoGrdFZGXvIfShks5uY08LgaJpZM4WEpot
.

[adamryvola]

Same problem, do you have solution?

[naamagr]

I had the same issue. It was caused by wrong calculation of the edgeOffset, when the SortableElement is nested inside another wrapper element, and so offsetTop is multiplied (see here: https://github.com/clauderic/react-sortable-hoc/blob/master/src/utils.js#L121)
to fix it, I've set position: relative to the wrapper element, so that the offsetTop of the SortableElement will be zero.

[adamryvola]

@naamagr YEAAAH! It works, you saved me a lot of time, thanks!

[mistadikay]

I had the same issue. It was caused by wrong calculation of the edgeOffset, when the SortableElement is nested inside another wrapper element, and so offsetTop is multiplied (see here: https://github.com/clauderic/react-sortable-hoc/blob/master/src/utils.js#L121)
to fix it, I've set position: relative to the wrapper element, so that the offsetTop of the SortableElement will be zero.

In my case I just got rid of a wrapper element which helped. Thanks a lot for the tip!