带有CdkDragDrop的CdkVirtualScroll无法按预期工作

问题描述

我使用Angular和相关的CDK。目前,我正在通过虚拟滚动和拖放实现列表。整个过程一直有效,直到您在左侧列表中一直向下滚动然后想要移动一个元素为止。

Stackblitz

首先,我尝试拖动4y,一切正常:

4y dragged

有效:

4y after drag


我向下滚动并尝试从左向右拖动93y

drag 2

不起作用:

drag 2.1

您可以看到93y不在我移动它的4y后面。

值得注意的是,滚动后索引不再正确。只要您尝试在同一列表中进行排序,我就可以计算出正确的索引,但是从左向右移动时,我缺少此信息。在我的实际应用程序中,列表中有更复杂的对象,例如嵌套组件。如果使用虚拟滚动,则可以看到,如果我向下滚动到底部,则滚动条释放后会在顶部方向上向后跳一点。 (有太多我无法解决的问题)

有时我还会收到以下错误消息

enter image description here

如果我删除虚拟滚动条并用简单的列表显示整个内容,则效果很好。

我寻求帮助!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...