Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[BUG] Offset between the cursor and the dragged element when the page is scrolled down
See original GitHub issue1. Describe the bug
When dragging an element with drag={true} prop set, and the page scrolled down at the same time, the dragged element will be rendered lower than the cursor by the amount of scroll down.
2. IMPORTANT: Provide a CodeSandbox reproduction of the bug https://codesandbox.io/s/drag-layout-flicker-forked-sf8jz
3. Steps to reproduce Steps to reproduce the behavior:
- Go to the code sandbox link above.
- Scroll to the bottom of the page
- Drag any of the rectangles up.
- Observe the offset between the cursor and the dragged rectangle in the process of dragging.
5. Expected behavior
I expect the rectangle to be positioned under the cursor in the same way it was when I started dragging itl
6. Environment details
Artix Linux, Firefox 89 (64 bit)
Issue Analytics
- State:
- Created 2 years ago
- Reactions:3
- Comments:6
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@WNemencha I ended up using react-beautiful-dnd
Fixed in 5 https://codesandbox.io/s/drag-layout-flicker-forked-evrzk?file=/src/App.tsx