butterfly vue版本 addGroups添加节点组,没有添加z-index css属性,导致被buttefly-svg遮挡,无法拖动

ghhaqwfi  于 4个月前  发布在  其他
关注(0)|答案(4)|浏览(48)

The current behavior

添加节点组后,无法通过鼠标拖动。

  1. 查看元素,节点组group(无z-index) 被 butterfly-svg 遮挡(z-index:499)住

  1. 查看了node节点,也是有z-index的,是不是group漏添加了?
  2. 查看源码,点击节点组 z-index是从 50 基础 增加,而节点nodes是从250 基础增加,是不是节点组有误?

The expected behavior

添加节点组,可以拖动

Your environment(such as: Butterfly version、Browser version、OS and so on)

Butterfly version :
"butterfly-dag": "^4.1.23",
"butterfly-vue": "^1.0.12",

Browser version :
chrome 96
OS :
windows

Steps To Reproduce, Maybe you can provide a simple demo.

zbdgwd5y

zbdgwd5y1#

或者不是z-index的问题,是butterfly-svg的宽度和高度问题吗?
1.这是butterfly官网展示的,width:2px ,height:2px

2.这是我项目上的,width:100% height:100%

我尝试修改width2px和height为2px,如果系统分辨率为100%,不会出错,其它分辨率,线段就会错位

z0qdvdin

z0qdvdin2#

抱歉。现在才回复你。。最近在忙其他东西。我尽快查一下问题是啥。vue的group存在相当多的问题。我在重构这部分代码中。

f1tvaqid

f1tvaqid3#

抱歉。现在才回复你。。最近在忙其他东西。我尽快查一下问题是啥。vue的group存在相当多的问题。我在重构这部分代码中。

  1. 我发现问题所在,我的框架是ELECTRON,被归类到mobile手机类,导致一些问题。
  2. 我尝试去掉ELECTRON类型判断,上面的问题都不会出现,然后想咨询下,不知道是否有其它负面影响?
    平台:ELECTRON + VUE

bzzcjhmw

bzzcjhmw4#

我们也没有测试过在这种一码多端框架下使用的情况。
不确定是否还存在其他负面问题。
后续我们可能会规划这部分的情况,但是维护的人力有限~_~

相关问题