自定义ER React 节点内部使用到了dnd-kit 进行排序，如何取消节点内部拖动和节点整体拖动冲突 - Githubissues

antvis / X6

🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

https://x6.antv.antgroup.com

MIT License

5.7k stars 1.7k forks source link

自定义ER React 节点内部使用到了dnd-kit 进行排序，如何取消节点内部拖动和节点整体拖动冲突 #4266

Open zanmeipaul opened 6 months ago

zanmeipaul commented 6 months ago

问题描述

自定义ER React 节点内部使用到了dnd-kit 进行排序，如何取消节点内部拖动和节点整体拖动冲突

重现链接

https://codesandbox.io/s/new

重现步骤

自定义ER React 节点内部使用到了dnd-kit 进行排序，如何取消节点内部拖动和节点整体拖动冲突

预期行为

里面和外面的拖动不冲突

平台

操作系统: [macOS, Windows, Linux, React Native ...]
网页浏览器: [Google Chrome, Safari, Firefox ...]
X6 版本: [2.11.1 ...]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

lloydzhou commented 6 months ago

需要排序的节点放一个统一的容器，这个容器监听一下 dragstart 事件，禁止事件冒泡