Skip to content

Support for other transform properties (like rotation) #1599

@kevinvanmierlo

Description

@kevinvanmierlo

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementQuality of life changes to existing features

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions