当我将一个元素放到 resort 时,会出现一个轻微的过渡问题,即项目返回到其原始的 position,然后进行过渡。 下面我添加了一个视频和代码的链接。 真的,我不想要任何转换延迟等。我觉得这可能是数组的重新映射,但我已经通过尽可能多地优化来测试它并且仍然遇到同样的问题。 它在没有过渡属性的情况 ...
当我将一个元素放到 resort 时,会出现一个轻微的过渡问题,即项目返回到其原始的 position,然后进行过渡。 下面我添加了一个视频和代码的链接。 真的,我不想要任何转换延迟等。我觉得这可能是数组的重新映射,但我已经通过尽可能多地优化来测试它并且仍然遇到同样的问题。 它在没有过渡属性的情况 ...
我有一些 MUI 选项卡的简单设置,我正在努力实现一些拖放功能。 我遇到的问题是,当 SortableContext 嵌套在 TabList 组件内时,拖放有效,但值不再适用于各个选项卡。 当我将 SortableContext 移到 TabList 组件之外时,值再次起作用,但拖放不起作用。 如果 ...
我正在使用这个npm package: @dnd-kit https://github.com/clauderic/dnd-kit以便能够在垂直列表中上下拖放元素。 拖动元素非常适合我。 我的问题是,基于某些条件,我需要完全阻止元素的拖动。 要重现该问题,您可以按照以下步骤操作: 在文件: /sto ...
我对dnd-kit库有疑问,我正在尝试使用拖动手柄激活器实现可排序列表。 问题是我无法将拖动手柄(按钮)设置为仅拖动激活器,而是整个父元素保持活动状态。 SortableItem组件: DragHandle组件: 可排序列表(包装器): 用法: 我遵循了有关setActivatorNodeRef ...
我的可排序项目包含一个链接,所以当我点击它进行拖放时。 问题是在我放下后,它导航到链接。 我怎样才能防止这种情况发生? ...
我不知道为什么它会给我一个错误,useSortable 这是我的卡片组件 这是我在浏览器中遇到的错误错误我在文档中读到 useStortable 必须在 SortableContext 中,而我所做的是在同一个 Home 中使用 useSortable 并且它没有给出错误....但我想知道它是如何使 ...
如附件中的视频片段所示,我可以毫无问题地将容器 A 中的物品移动到 B 中。 但是如果我的拖动速度增加,over 容器中的列表开始表现异常。 我尝试了示例多容器故事,但没有捕捉到这种行为。 一旦列表项开始到处跳动,如果单击一个项目,它会立即与另一个项目切换位置,因为参数 {over} 现在甚至在 d ...
我使用 dnd-kit 拖放按钮,但是当我拖动它们时,按钮的移动速度比光标快,并且最终位于与光标不同的位置,如您所见 这是我使用的代码: ...