logic-flow 使用过程中遇到的bug - 拖动节点到画布的时候,鼠标松开,节点不落在画布,仍旧跟着鼠标走

背景:

插件:logicFlow

用途:画流程图

bug表现:

初始化的样子:

bug的样子:

拖动第一个节点的时候,一切正常(无论哪个节点作为第一个节点,都是正常的,但是拖动第二个节点的时候,节点面板出现重影一样的效果,如图)

此时选中的节点会一直跟随鼠标移动,不落在画布上,需要单击鼠标左键才可以落下,落下后,控制台会报错如下

解决办法:

给盒子里的icon和文字都加上 user-select: none; 让它们无法被选择

css 复制代码
css大概如下:
.node-item {
  pointer-events: auto;
 }
.node-item-icon {
   pointer-events: none;
   user-select: none;
}
.node-label {
   user-select: none;
   pointer-events: none;
}

关于 pointer-events:

CSS的pointer-events属性用于指定什么情况下元素可以成为鼠标事件的target。它常用的关键字有auto和none

pointer-events: auto; 是默认值,鼠标不会穿透当前层。

pointer-events: none; 会让一个元素忽略鼠标操作。

相关推荐
boonya1 天前
国内外常用的免费BUG管理工具选型
bug
10岁的博客1 天前
Bug排查日记:高效记录与解决之道
bug
彭刷子1 天前
【Bug】Nexus无法正常启动的五种解决方法
bug·nexus
黑客飓风1 天前
从基础功能到自主决策, Agent 开发进阶路怎么走?
面试·log4j·bug
mahuifa2 天前
C++(Qt)软件调试---bug排查记录(36)
c++·bug·软件调试
Kyln.Wu2 天前
【python实用小脚本-205】[HR揭秘]手工党逐行查Bug的终结者|Python版代码质量“CT机”加速器(建议收藏)
开发语言·python·bug
2501_930104042 天前
Bug 排查日记:打造高效问题定位与解决的技术秘籍
bug
weixin_377634842 天前
【YOLO】数据增强bug
yolo·bug
伍哥的传说2 天前
还在为第三方包 bug 头疼?patch-package 让你轻松打补丁!
bug·开发效率·前端工具·第三方包bug·前端开发痛点·npm包修复·依赖包定制
黑客飓风2 天前
Bug排查日记:从崩溃到修复的实战记录
log4j·bug