Problem:
Because Sortable.js uses transform: translate(0, 0) to position the hovering item, you can't use any other transform like rotation. I wanted to use rotation to slightly rotate the hovering item, to show the user they picked up an item. Similar to how Trello does it.
JSBin/JSFiddle demonstrating the problem:
https://jsbin.com/bakakaroyu/edit?html,css,js,output
In the JSBin I added the rotation transform and you'll see it doesn't do anything. I'm not sure what's the best way to support this. But maybe adding a callback to add extra transforms to your transform or something?
Problem:
Because Sortable.js uses
transform: translate(0, 0)to position the hovering item, you can't use any other transform like rotation. I wanted to use rotation to slightly rotate the hovering item, to show the user they picked up an item. Similar to how Trello does it.JSBin/JSFiddle demonstrating the problem:
https://jsbin.com/bakakaroyu/edit?html,css,js,output
In the JSBin I added the rotation transform and you'll see it doesn't do anything. I'm not sure what's the best way to support this. But maybe adding a callback to add extra transforms to your transform or something?