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

相关推荐
一入JAVA毁终身21 小时前
处理Lombok的一个小BUG
java·开发语言·bug
SeaTunnel1 天前
SeaTunnel 社区月报(5-6 月):全新功能上线、Bug 大扫除、Merge 之星是谁?
大数据·开源·bug·数据集成·seatunnel
紫璨月1 天前
nginx反向代理的bug
运维·nginx·bug
从后端到QT1 天前
SRS流媒体服务器之本地测试rtc推流bug
bug·实时音视频
Java知识库12 天前
MySQL RC隔离级别惊现间隙锁:是bug吗?
数据库·mysql·bug
安卓机器12 天前
rom定制系列------红米note11 5G版 MTK芯片强解bl锁修复bug 官方系统 面具root批量线刷版
5g·bug
剽悍一小兔12 天前
一个小BUG引发的对Mybatis-Plus的模糊查询的思考
bug·mybatis
Gazer_S14 天前
【前端隐蔽 Bug 深度剖析:SVG 组件复用中的 ID 冲突陷阱】
前端·bug
电手15 天前
Win11用户尽快删除更新!微软6月又推Bug
microsoft·bug
穆易青15 天前
2025.06.17【BUG】|多样品VCF文件合并技巧及注意事项(以bcftools为例)
bug