-
Notifications
You must be signed in to change notification settings - Fork 3.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Support for other transform properties (like rotation) #1599
Labels
enhancement
Quality of life changes to existing features
Comments
@kevinvanmierlo Thanks for bringing this up, this would be a great feature. I will get back to you once I have fixed this. |
owen-m1
added a commit
that referenced
this issue
Sep 6, 2019
Done in commit 1c7847b. You can build from the master branch or wait for new release which will be soon. |
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. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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?
The text was updated successfully, but these errors were encountered: