Drag between two sortables

I’m having problem moving items between two different zones. It is possible to move item from one to another, but then new drag has to be initiated to sort in the new location.

Btw is it somehow possible to drag item to empty zone?

Live example - http://fluid.cz/projects/react-dnd/

function _moveWidget(e){
    var overComponent = e.overComponent.props
    var draggedComponent = e.draggedComponent.props

    var draggedComponentObj = _.find(_page.zones[draggedComponent.zoneKey].widgets, {'id':draggedComponent.widgetData.id}) 
    var overComponentObj = _.find(_page.zones[overComponent.zoneKey].widgets, {'id':overComponent.widgetData.id}) 

    draggedIndex = _page.zones[draggedComponent.zoneKey].widgets.indexOf(draggedComponentObj);
    overIndex = _page.zones[overComponent.zoneKey].widgets.indexOf(overComponentObj);

    _page.zones[draggedComponent.zoneKey].widgets.splice(draggedIndex,1)
    _page.zones[overComponent.zoneKey].widgets.splice(overIndex, 0, draggedComponentObj)
}

[ntdb]

Hey @gaearon, has the isDragging problem been addressed? I just upgraded to 1.0.0, rewired everything for the new API, and isDragging still seems to be wrong after a component is dragged to a new list.

I asked too soon but will leave this here for anyone else who stumbles upon this issue. Define a custom isDragging method on your DragSource as described here. Thanks @gaearon for the excellent library!

[gaearon]

@ntdb Thanks for using it! Yeah, isDragging is the way to go.