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

Programmatically move an element (and trigger FLIP animation) #1954

Closed
jjeff opened this issue Nov 1, 2020 · 4 comments
Closed

Programmatically move an element (and trigger FLIP animation) #1954

jjeff opened this issue Nov 1, 2020 · 4 comments
Labels

Comments

@jjeff
Copy link

jjeff commented Nov 1, 2020

PLEASE READ THE CONTRIBUTION GUIDELINES HERE!

Failure to comply may have your issue automatically closed.

Summary

Please answer the following questions in sentences.

  • What is the feature?

There should be a way to programmatically move a single element in the array in a way that triggers the animations. SortableJS has great FLIP animation functionality that happens while dragging. It also has a .sort() function which allows you to sort the elements, but it does not animate. I realize that it would a lot to coordinate animation during .sort() (although that would be nice). But I'm guessing that it would/should be easy to move a single item from one place in the list to another in a way that triggers the animation.

  • Why is having this feature important to you?

I'm working on an Electron application which offers menu items to move elements. But the "jumping" items is bad UX. If I can't do this with Sortable, I'll need to add another library to my project to get this type of functionality.

  • Who else will find having this feature helpful?

Anyone who wants to use SortableJS in a complex UI with more accessible ways of "dragging" elements (perhaps for those with mobility issues).

@athif23
Copy link

athif23 commented Nov 4, 2020

I actually in need of this feature too. Recently, I have been trying to find a way to programmatically move an item to another list for some auto movement feature I'm trying to build. Pretty sad to find out you there's not such way to do that.

@jjeff
Copy link
Author

jjeff commented Nov 8, 2020

It seems like the main reason to add this feature is for accessibility. This could provide animated fallbacks for javascript (probably keyboard event) manipulation of the list.

See also #1951 which references #1176.

@owen-m1
Copy link
Member

owen-m1 commented Jan 8, 2021

Added

@owen-m1 owen-m1 closed this as completed Jan 8, 2021
@jjeff
Copy link
Author

jjeff commented Jan 8, 2021

Hello Googlers! If you're stumbling across this while searching for Sortable FLIP or similar, it appears that this is now accomplished through the useAnimation boolean argument of the .sort() function:

sortable.sort(order.reverse(), true)

Thanks @owen-m1!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants