Nesting more than one deep gets events for all parent container

[crouchingkiwi]

Hi

I have been trying to use your smooth-dnd for a hierarchical data set but if I have more than 1 deep nesting I get onDrop events for all containers and not just the source and destination.

I have modified your demo to include an extra nesting and this results in the following dropResults :

1. container 3 : removedIndex: null, addedIndex: 0
2. container 2 : removedIndex: null, addedIndex: 2
3. container 1 : removedIndex: 4, addedIndex: 4

I would have expected

1. container 3 : removedIndex: null, addedIndex: 0
2. container 1 : removedIndex: 4, addedIndex: null

I have attached the modified file for clarification

Thanks

nested.zip

ps Works really nicely otherwise, great module

[kutlugsahin]

Hi @crouchingkiwi,
Thanks for the comment and bringing up the issue. I will check it asap.

[crouchingkiwi]

Thanks, really appreciate it

[kutlugsahin]

Hi @crouchingkiwi,
Its because you are using the same groupName for all nested containers. This means that the containers can exchange draggables between each other. I dont know if you intended to do this particular scenario but exchanging draggables between nested containers is not supported completely right now and can cause bugs. removing groupName props and making them self contained containers fixes the issue. But I will try to enhance the code to support this behavior in the future releases.

[crouchingkiwi]

Hi @kutlugsahin
Thanks for getting back to me. Yes, the intention was to be able to drag between any level of nesting, for example a directory hierarchy of file/photo objects. Thanks for your support and look forward to a future release.