Repository navigation
Support for other transform properties (like rotation) #1599
Description
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?
Activity
owen-m1 commentedon Aug 30, 2019
@kevinvanmierlo Thanks for bringing this up, this would be a great feature. I will get back to you once I have fixed this.
#1599: Support for transforms on ghost element
owen-m1 commentedon Sep 6, 2019
Done in commit 1c7847b. You can build from the master branch or wait for new release which will be soon.
SortableJS#1599: Support for transforms on ghost element
eduard2014 commentedon Jan 14, 2020
Hi, I'm having a similar issue with transform: skewX(-15deg); I think I´m already updated to 1.10.1. On my project I'm using vuedraggable 2.23.2.
SortableJS#1599: Support for transforms on ghost element