空的cdkDropList容器“丢失区域”（如果其位置更改）

Question

复制

嗨，我发现了一个简单的空div作为“放置容器”的怪异问题，目的是向用户显示一个将内容放入其中的框。 看来，如果这个盒子由于某种原因改变了它的可见性，位置等，它就会失去“放置功能”。

这是用来重现该错误的stackblitz：

https://stackblitz.com/edit/angular-hqxu2m

复制步骤：

1. 测试将一个“完成”元素拖到“待办事项”列表中的示例（每次在拖动元素时输入“待办事项”容器时，都会出现一个“退出”控制台日志）
2. 在模板文件中，取消注释第二行（如注释中所建议），然后重试步骤1，现在无法再次使控制台日志“退出”

预期行为

容器的放置区应始终处于活动状态

实际行为

每当容器移动或可见性发生变化时，容器的放置区都会丢失

环境

角度：8.2.14

CDK /材料：8.2.3

Chrome：78.0.3904.97

操作系统：Windows

Answer 1

(cdkDropListExited)="log($event)"

应该在cdkDrag元素上，因为它是ckdDrag函数。

请参阅https://material.angular.io/cdk/drag-drop/api以供参考。