在IE和Edge中，CDK拖放太慢。拖动后仅1秒钟，出现占位符和预览。在下降范围内移动也是滞后的。但是在Firefox和chrome中，它可以完美运行。
我有一个大数据循环，每个50-100个标头将用作放置区。此标头中的每个项目都充当可放置元素。全部都放在cdkDropListGroup下。该功能可在所有浏览器中完美运行。在IE和Edge中，仅拖动的元素在这些标头上的移动太慢。下面是代码示例，
<div class="col-sm-6 col-sm-6 col-lg-6 right-mapping" cdkDropListGroup>
<div class="drag-limit"
...
<ul>
<li *ngFor="let item of itemsToDrop; let ind=index">
<div cdkDropList
(cdkDropEntered)="entered($event)"
[cdkDropListData]="item.children"
(cdkDropListDropped)="drop($event,item,ind)">
<ul>
<li
*ngFor="let childItem of item.children; let cind=index"
(cdkDragStarted)="cdkDragStarted($event,childItem, ind, cind)"
(cdkDragReleased)="cdkDragReleased($event,ind, cind)"
cdkDragBoundary=".drag-limit"
cdkDrag
vsDragScroll
[vsDragScrollContainer]="dragLimit">
</li>
</ul>
</div>
</li>
</ul>
...
</div>
</div>
滚动查看较大列表中的值时，尤其是滚动后，无法正确检测到拖放区。因此，我使用了ngx-drag-scroll软件包。这是完美的，并且拖放区检测运行正常。我删除了此vsDragScroll，还检查了它是否引起了问题。但是问题仍然存在。