react-nestable icon indicating copy to clipboard operation
react-nestable copied to clipboard

overflow-y scroll causes wrong dragging item position

Open kimmin920 opened this issue 3 years ago • 1 comments

https://codesandbox.io/s/drag-n-drop-using-react-nestable-forked-ndmeo7?file=/src/styles.css

it's 2.0.0 version I'm using but still it has issue.

when you scroll down of nested lists, when dragging an item, it is positioned as higher as much I scrolled up.

could you please help me?

kimmin920 avatar Apr 21 '22 02:04 kimmin920

I was able to get the draggable item to follow the mouse even after scroll with the follow line in my css file

.nestable-drag-layer > .nestable-list {
  position: sticky !important;
}

Not sure if I'm missing something that requires the nestable-list class to have position: absolute here other than that sticky is not supported in some browsers: https://www.w3schools.com/cssref/pr_class_position.php

ToddSandberg avatar Jul 15 '23 00:07 ToddSandberg