Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

edge-editor 双击编辑内容,触发了新增label #4258

Open
devinkkk2023 opened this issue Apr 11, 2024 · 4 comments
Open

edge-editor 双击编辑内容,触发了新增label #4258

devinkkk2023 opened this issue Apr 11, 2024 · 4 comments

Comments

@devinkkk2023
Copy link

问题描述

当edge-editor和vertices 同时使用时,双击编辑label内容时,会触发新增。
分析发现无法聚焦label,双击时会触发边点击,触发了新增label。

重现链接

https://codesandbox.io/p/sandbox/sharp-kalam-kqxq2d?file=%2Fsrc%2FApp.js%3A30%2C26

重现步骤

1.双击edge添加label 确定
2 双击编辑文字内容,无法聚焦label,会触发新增label

预期行为

正常编辑label内容

平台

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

屏幕截图或视频(可选)

QQ20240411-170457-HD.mp4

补充说明(可选)

No response

@x6-bot
Copy link
Contributor

x6-bot bot commented Apr 11, 2024

👋 @devinkkk2023

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.
We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

@duoluodexiaoxiaoyuan
Copy link

我现在想给antv提bug,但是我用codesandbox无法运行成功,每次打开都是
image
大佬知道原因吗

@wangzhaomang
Copy link

这个我知道原因,但是不知道怎么豁免。
原因是:边工具“vertices”会在边上面蒙一层触发工具“vertices”相关操作的蒙层,这时候你双击label的其实压根没双击到label,而是双击的这个蒙层。

@chenyuyu123
Copy link

原因是 vertices 工具创建的蒙层,在最上层,遮住了node-editor的蒙层,双击事件没传递到label上
解决方案:
0dde214a2e9dbbfc5d5dfa1a53ab4ba
手动移动 vertices 蒙层 到 当前选中的边元素中

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants