角度拖放无法拖动到垫子对话框中的正确位置

Question

我有一长串项目，想拖放它们以更改列表中的位置。

如果在简单的组件中使用，我可以将它拖放到任意位置。在拖动过程中，我可以滚动到可见范围之外的项目，我可以拖放到滚动的项目。

但是当我将列表放在垫子对话框中时。我可以在可见范围内拖放。如果拖动到滚动的项目，放置的位置会出错。

这是记录http://g.recordit.co/FMMLqC69g4.gif的问题 这是cdkDropList在父div中没有​​设置height和overflow-y。

我发了stackblitz example

我再次修改了stackblitz。如果 cdkDropList 在 height 和 overflow-y: 滚动集下，则拖放无法按预期工作。

有谁知道如何解决此问题或任何解决方法。我找到了一些解决方法，但都不起作用。

Answer 1

我终于知道了根本原因并知道如何解决它。我需要设置使用 cdkDropList 的 div 的高度。

这是stackblitz solve example.

虽然我修复了位置错误的问题，但我仍然希望滚动条出现在我不希望出现在 cdkDropList div 中的 div 中。