I have a cdkDropListGroup with two cdkDropList‘s. Both have cdkDropListSortingDisabled set to false and you are only supposed to move items from one drop list to another – at which they should be placed at certain index, based on the orderWeight property of the item.

How do I select which index an item is going to be placed at when it enters the droplist?

I already have a functionality that moves the item from one droplist to another to specific index (using cdkDropListDropped and transferArrayItem), but that only happens after the item is dropped. When entering the new droplist the item is placed based on the “enter” mouse position as seen on the image bellow.

drop animation