Sortable
Sortable copied to clipboard
When "forceFallback" is set to true, the element doesn't really follow the cursor.
So, when the "forceFallback" option is turned off, the browser uses the standard Drag 'n Drop API which follows the cursor but I honestly find it quite limiting. I need "forceFallback" turned on so I can scale the element with the CSS transform property when dragged. The problem is that it doesn't really follow the cursor and can lead to confusion. Is there any fix or workaround about it?
I have the same issue for this I have to hide the fallback with css.
+1 Having the same issue
+1 I have the same issue. when I scroll down more, the offset between the ghost image and the cursor is larger. so the forceFallback is not usable.
<sortablejs 1.11.0 (not work)>
<sortablejs 1.10.0 (work)>

I had some issue with using forceFallback, and I solved it by version down.
react-sortablejs: "6.0.0"
sortablejs: "1.10.0"
When I used sortablejs over 1.10.0 version, the forceFallback didn`t work properly.
I have the same problem, I still want to use forceFallback, is there any solution?
is there any solution?
I dig into codebase and found a solution.
https://github.com/SortableJS/Sortable/blob/master/src/Sortable.js#L798
My fallback element inherited style is transform: scale(0.5);, then I change variable scaleX and scaleY to 0.5.
It works. but I think it's a very dirty workaround.
I am not sure whether it is a good solution to fix it.
I add options fallbackOverridedScaleX / fallbackOverridedScaleY to solve this. Here is my patch.
https://github.com/SortableJS/Sortable/compare/master...kamilic:patch-1
If use vuedraggable, you can pass this two props directly to component.
<draggable
:fallback-override-scale-x="0.5"
:fallback-override-scale-y="0.5"
/>
This issue is still not fixed.
This issue is still not fixed.
Same here with "sortablejs": "^1.15.2". This issue is still not fixed.