antvis / antvis/G6

[Bug]: vue3.5中 使用第三方右键菜单时,点击菜单项或移动鼠标会直接触发拖拽事件

Open
#7,352 0 comments 0 reactions 0 assignees View on GitHub
question 💬
Dominant language
TypeScript
Stars
12.3k
Forks
1.6k
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug / 问题描述

在vue3.5 中使用@antv/G6 v5.0.49版本 + @imengyu/vue3-context-menu 1.5.2 时,在画布或元素上打开右键菜单后 不点击右键菜单项直接移动鼠标到画布或节点上时,会直接响应开启了拖拽画布 drag-canvas 或 拖拽元素 drag-element的交互行为(鼠标没有其它操作,右键菜单显示状态,无左键点击拖拽行为。且画布及元素拖拽交互行为均为鼠标左键按住拖拽的方式情况下)也就是说会响应鼠标左键按住拖拽的状态,应该是与G6的交互有冲突BUG,是不是因为作用在右键菜单上的点击行为触发了G6的鼠标点击拖拽事件的事件监听。

Image

### Reproduction link / 复现链接

_No response_

### Steps to Reproduce the Bug or Issue / 重现步骤

_No response_

### Version / 版本

Please select / 请选择

### OS / 操作系统

- [ ] macOS
- [x] Windows
- [ ] Linux
- [ ] Others / 其他

### Browser / 浏览器

- [x] Chrome
- [x] Edge
- [ ] Firefox
- [ ] Safari (Limited support / 有限支持)
- [ ] IE (Nonsupport / 不支持)
- [ ] Others / 其他

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the issue with Vue 3.5, G6 v5.0.49, and @imengyu/vue3-context-menu 1.5.2 on Windows in Chrome or Edge. Trace the drag-canvas and drag-element interactions while the context menu is open; done means moving over the canvas or an element does not trigger left-button drag behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.