Implement Delete zone for items

[georgii-ivanov]

I want to handle an extra case:

when the item goes beyond the container using Portal feature and drops in some area I need to execute certain action.

The problem that it should be and item outside the grid itself (in the main layout).

[georgii-ivanov]

I was able to implement that by tracking onDragMove touchData position if it fits the delete zone box and it works. But it looks like something hacky. Really, I would rather have a separate onDragEnd event that would provide the actual element it was dropped (ideally there should be an option revert dragging visually if we drag it to any other zone other than the list itself).

[MatiPl01]

Hey! Sorry for the late response.

I would rather have a separate onDragEnd event that would provide the actual element it was dropped

Do you mean that you would like to get a reference to the component on which the dragged item was released? I don't think it is possible because the sortable component doesn't know anything about other components on your screen.

ideally there should be an option revert dragging visually

Could you elaborate on this? What do you mean by saying revert dragging visually? How should this work?

---

I think that the simplest solution I can implement is adding something like a DeleteZone which could be used to wrap anything on the screen. If you end up dragging the item while having your finger over this component, the dragged item would be removed. What do you think about that?

[rtlayzell]

I'm also after something similar, it would be great if Sortables provided a DropTarget component that we could use add custom behaviors when items are dropped on it.

[MatiPl01]

Hey guys!

I started implementing support for multiple zones detection. I am mainly planning to add support for drag & drop between different sortable components requested in the #297 issue but I can also easily add different drop targets. Can you help me and tell me what functionalities would you like to use?

I can add one base zone that just detects if the active item entered/left the zone or if it was dropped when hovered over the zone. It will have these 3 callbacks (or more if you need).

I am also thinking of adding some more zones for easier usage, such as dedicated delete zone, that will automatically delete the item when dropped over this zone with some animation. Do you have any other ideas?