multiple drop happening in dynamically created ngx-dnd-contianer (s) (used ngFor iteration)-stackblitz URL added

[mohd khaja raziuddin]

I'm submitting a ... (check one with "x")

[ ] bug report => Search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Sorry, we will not be able to answer every support request.  Please consider other venues for support requests

Current behavior
I'm creating multiple ngx-dnd-containers dynamically through looping (ngFor) and when I'm dragging an dnd-ngx-item in one container, as soon as I drop it all the dynamically created containers are rendered with the dropped item

Expected behavior
on dropping an ngx item , it should pushed the item in the respective container only.

Reproduction of the problem
https://stackblitz.com/edit/swimlane-ngx-dnd-sortables-1gqbpf?file=src/app/app.component.ts

What is the motivation / use case for changing the behavior?
want to create multiple ngx-container in one drag and drop activity

Please tell us about your environment:

• ngx-dnd version: 9.0 0

• Angular version: 11.0.5

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]