Angular CDK Drag Drop stacked DropList cannot drop back to origin DropList

I'm working on the idea of 2 dimensional drag and drop. Stackblitz

Currently, I'm trying out stacked droplists (one row droplist and multiple column droplists).

I have a list for rows. Each row has an array of children which I consider as columns.

I want to be able to drag a column and be able to drop it in the parent row list, sibling column lists or back into the origin column list.

Everything is working as expected EXCEPT dragging back into the origin column list.

I have tried including/excluding the the origin column list id in the [cdkDropListConnectedTo] but it doesn't seem to solve the issue.

As far as I have debugged, (cdkDragEntered) is not even triggered on the origin column list's dropList.

Continue reading...