Angular Drag and Drop - DropList that was display none, will not recieve items even after setting to display block

Question

My requirements call for hiding the cdkDropList until the user starts to drag an item. So when the user starts to drag an item, the drop lists get visible, and