Drag to reorder

[wmertens]

Would be very nice to have. The Angular UI-Select has it 😁 https://github.com/angular-ui/ui-select/blob/6e81746d31cb8e5fda8f6b9eed066d9a2e6ba4c1/src/uiSelectSortDirective.js

[atran]

+1

[JedWatson]

Keen. Will need some time to get around to adding it, PRs welcome.

[bkniffler]

+1

[sriprabha]

+1

[solognt]

+1

[solognt]

I created a little fiddle based on the react-select html and the html5 sortable by RubaXa (https://github.com/RubaXa/Sortable).

https://jsfiddle.net/oqjqgbpb/6/

On sort end it gives me the old and new index of the element so I can update the collection and re-render the selector.

This seems to work fine on the html alone but when I use it directly on the react-select element drag/drop does not work any-more. I seems the selector blocks the necessary events somewhere.

Any pointers would be welcome..

[dcworldwide]

Hi @solognt, i'm looking to solve this problem as well. Any progress? Happy to review your work / collaborate.

[sumitk]

+1any more updates?

[rich-b]

i've been thinking about implementing this using react-dnd. Sound good?

[bkniffler]

Introducing a dependency for such a small feature seems overkill, especially since native html5 dnd isn't hard to implement, and might even be easier in this specific case.