search

SortableJS / Sortable

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
https://sortablejs.github.io/Sortable/
MIT License
29.77k stars 3.71k forks source link

How to remove Gap between cursor and dragged element #2332

Closed Chandru22714 closed 11 months ago

Chandru22714 commented 12 months ago

When i start to drag the element to change the sort order, the dragged element is moving up. So, the dragged element is not sitting under the cursor. I could see some gap is there between dragged element and cursor. The gap between cursor and Dragged element is keep increasing if we scroll the page to further down.

I am using 1.5.1 version of sortable js.

I need a solution to fix this issue.

SOY4RIAS commented 12 months ago

I'm facing this same issue. What I realized is, if my element has a scrollable content, this could happen.

As a suggestion, provide a screenshot and more info to determine what kind of issue are you facing.

✌🏻

Chandru22714 commented 12 months ago

I having implemented sorting functionality in modal(popup) which is scrollable. So, transform property is used modal causing the issue. Please make sure to give transform: none if transform is used anywhere in the popup to fix the issue

Chandru22714 commented 11 months ago

I'm facing this same issue. What I realized is, if my element has a scrollable content, this could happen.

As a suggestion, provide a screenshot and more info to determine what kind of issue are you facing.

✌🏻

Your issue was fixed or still it is open?