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; 会让一个元素忽略鼠标操作。

相关推荐
dj15402252031 小时前
group_concat配置影响程序出bug
android·bug
布值倒区什么name1 小时前
bug日常记录responded with a status of 413 (Request Entity Too Large)
运维·服务器·bug
码农派大星。1 小时前
软件测试--BUG篇
功能测试·bug
国王不在家1 小时前
【bug日志-水】解决本地开发下代理和url同名导致刷新404的问题
bug
阿伟来咯~3 小时前
一些 uniapp相关bug
uni-app·bug
生命几十年3万天1 天前
通宵修bug
bug
LilKevinRay1 天前
【SpringMVC】记录一次Bug——mvc:resources设置静态资源不过滤导致WEB-INF下的资源无法访问
java·笔记·mvc·bug
会发光的猪。1 天前
前端vue3若依框架pnpm run dev启动报错
前端·javascript·vue.js·前端框架·bug
小汤猿人类2 天前
苍穹外卖Bug集合
bug
且行且知3 天前
CubeIDE BUG-project‘hello‘has no explict encoding set hello
bug