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

相关推荐
越学不动啦2 天前
四、Bug篇+用例篇
软件测试·测试用例·bug·软件工程·测试基础
有时间要学习2 天前
Test——BUG篇
bug·测试
猫猫头有亿点炸3 天前
电脑连不上手机热点会出现的小bug
bug
不想加班的码小牛4 天前
第4期:重构软件测试体系——生成式AI如何让BUG无所遁形
人工智能·重构·bug·集成测试
limanjihe4 天前
PrimeTime生成.lib竟暗藏PG添加Bug
bug
Java手札6 天前
【bug】Cannot connect to already running IDE instance.SocketTimeoutException
ide·bug
妄想出头的工业炼药师7 天前
pcl 1.14.1 vs2022 Eigen::internal::aligned_free bug
bug
小海海不怕困难7 天前
xxljob阻塞处理策略设置为单机串行导致的bug
bug
Littlehero_1217 天前
关于bug总结记录
bug
深度Linux8 天前
告别代码Bug,GDB调试工具详解
linux内核·bug·内核调试