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

相关推荐
AI多Agent协作实战派3 天前
AI多Agent协作系统实战(二十二):从6列到12列——任务监控报告的进化之路
java·人工智能·uni-app·bug
自然 醒3 天前
记录We码开发者工具的一个bug
前端·javascript·bug
GeekArch3 天前
第28讲:避坑——AI堆栈分配错误、栈溢出BUG
c语言·人工智能·stm32·mcu·学习·bug
AI多Agent协作实战派3 天前
AI多Agent协作系统实战(十七):凌晨4点,我的AI系统在“假装工作“——3个bug同时爆炸的5小时
java·前端·bug
尸僵打怪兽4 天前
Claude-code命令行无法下载插件
bug·插件·claude-code
Liu.7745 天前
uni-app 组件 uni-easyinput 常见 Bug 及解决方案
uni-app·bug
QQ骞7 天前
【bug的管理流程深入浅出】
软件测试·bug
Rambo.xia7 天前
AXI跨时钟域与数据一致性——CDC FIFO深度不够、写后读冒险、多Master仲裁、乱序返回,出了Bug根本查不出来
fpga开发·bug
不知名的老吴8 天前
思考:要做到Bug Free需培养怎样的思维?
bug
河南花仙子科技10 天前
小游戏开发中常见的BUG类型及成因
人工智能·科技·游戏·bug