拖动的项目不会显示在虚拟化列表之外(react-virtuoso,@dnd-kit)

问题描述 投票:0回答:2

我尝试将 dnd-kit 与react-virtuoso一起使用,一切正常,除了拖动的项目不显示在虚拟化列表之外

如何让拖动的项目出现在虚拟化列表之外?拖动的项目上的高 z-index 不起作用。

当您开始拖动虚拟列表中的项目时,会出现水平滚动,这也不好。

沙箱 - https://codesandbox.io/s/dnd-kit-board-virtuoso-7yzcwj

drag-and-drop overflow ui-virtualization dnd-kit react-virtuoso
2个回答
0
投票

好吧,我找到了解决方案。 如果需要将拖动的项目显示在虚拟化列表之外,则需要使用

DragOverlay

感谢@mescalas - https://github.com/mescalas

DragOverlay 文档 - https://docs.dndkit.com/api-documentation/draggable/drag-overlay

更新了沙箱 - https://codesandbox.io/s/dnd-kit-board-virtuoso-7yzcwj


0
投票

你能帮我完成这个集成吗,无法使用 virtuoso 制作工作 dnd 套件

© www.soinside.com 2019 - 2024. All rights reserved.