Coder Social home page Coder Social logo

[Bug Report]: 渲染好画布后,鼠标在画布上移动,一直发出报错Unable to preventDefault inside passive event listener invocation about logicflow HOT 4 OPEN

Oct16th-Lcs avatar Oct16th-Lcs commented on June 21, 2024
[Bug Report]: 渲染好画布后,鼠标在画布上移动,一直发出报错Unable to preventDefault inside passive event listener invocation

from logicflow.

Comments (4)

wumail avatar wumail commented on June 21, 2024 1

可以辛苦提供一个最小可复现示例吗,或者试试1.2.27之前的版本是否存在此问题

from logicflow.

Oct16th-Lcs avatar Oct16th-Lcs commented on June 21, 2024

1、之前的版本也有这个问题,用@logicflow/[email protected] @logicflow/[email protected]版本智慧 发现缺少了tools文件夹和里面的文件,index.js里面却引入了导致在项目里使用插件功能报错了。
2、目前这个问题看着是这两个地方报错了

Np(this, "onDragOver", (function(t) {
                    if (t.preventDefault(), r.fakerNode) {
                        var e = r.clientToLocalPoint({
                            x: t.clientX,
                            y: t.clientY
                        })
                          , n = e.x
                          , o = e.y;
                        r.fakerNode.moveTo(n, o);
                        var i = r.fakerNode.getData();
                        r.lf.setNodeSnapLine(i),
                        r.lf.graphModel.eventCenter.emit(yo.NODE_DND_DRAG, {
                            data: i
                        })
                    }
                    return !1
                }
                )),
Np(this, "onDrop", (function(t) {
                    r.lf.graphModel && t && r.nodeConfig && (r.lf.addNode(Tp(Tp({}, r.nodeConfig), r.clientToLocalPoint({
                        x: t.clientX,
                        y: t.clientY
                    })), yo.NODE_DND_ADD, t),
                    t.preventDefault(),
                    t.stopPropagation(),
                    r.nodeConfig = null,
                    r.lf.removeNodeSnapLine(),
                    r.lf.graphModel.removeFakerNode(),
                    r.fakerNode = null)
                }
                

 ));

我自己去掉里面的t.preventDefault(),就好了

from logicflow.

DymoneLewis avatar DymoneLewis commented on June 21, 2024

1、之前的版本也有这个问题,用@logicflow/[email protected] @logicflow/[email protected]版本智慧 发现缺少了tools文件夹和里面的文件,index.js里面却引入了导致在项目里使用插件功能报错了。 2、目前这个问题看着是这两个地方报错了

Np(this, "onDragOver", (function(t) {
                    if (t.preventDefault(), r.fakerNode) {
                        var e = r.clientToLocalPoint({
                            x: t.clientX,
                            y: t.clientY
                        })
                          , n = e.x
                          , o = e.y;
                        r.fakerNode.moveTo(n, o);
                        var i = r.fakerNode.getData();
                        r.lf.setNodeSnapLine(i),
                        r.lf.graphModel.eventCenter.emit(yo.NODE_DND_DRAG, {
                            data: i
                        })
                    }
                    return !1
                }
                )),
Np(this, "onDrop", (function(t) {
                    r.lf.graphModel && t && r.nodeConfig && (r.lf.addNode(Tp(Tp({}, r.nodeConfig), r.clientToLocalPoint({
                        x: t.clientX,
                        y: t.clientY
                    })), yo.NODE_DND_ADD, t),
                    t.preventDefault(),
                    t.stopPropagation(),
                    r.nodeConfig = null,
                    r.lf.removeNodeSnapLine(),
                    r.lf.graphModel.removeFakerNode(),
                    r.fakerNode = null)
                }
                

 ));

我自己去掉里面的t.preventDefault(),就好了

可以提供一个能运行复现问题的demo吗,这边没有复现问题,评论里有问题的方法只会在拖拽的情况下触发,和问题描述的场景不对应,定位不到问题呢

from logicflow.

ifredom avatar ifredom commented on June 21, 2024

同样的问题,删除源码中t.preventDefault()后就好了。
image

from logicflow.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.