Skip to content
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

Closed
kevinvanmierlo opened this issue Aug 7, 2019 · 3 comments
Closed

Support for other transform properties (like rotation) #1599

kevinvanmierlo opened this issue Aug 7, 2019 · 3 comments
Labels
enhancement Quality of life changes to existing features

Comments

@kevinvanmierlo
Copy link

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?

@owen-m1
Copy link
Member

owen-m1 commented 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.

@owen-m1 owen-m1 added the enhancement Quality of life changes to existing features label Aug 30, 2019
@owen-m1
Copy link
Member

owen-m1 commented Sep 6, 2019

Done in commit 1c7847b. You can build from the master branch or wait for new release which will be soon.

@eduard2014
Copy link

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
Labels
enhancement Quality of life changes to existing features
Projects
None yet
Development

No branches or pull requests

3 participants