Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

When the cell can be selected but the multi-select box is not displayed, moving the parent node will cause other nodes to move deviation

See original GitHub issue

this.graph = new Graph({
      container: this.container,
      grid: { visible: true },
      selecting: {
        enabled: true,
        rubberband: true,
        showNodeSelectionBox: false
      },
    })

Expected Behavior

Select all nodes, drag the parent node, the coordinate changes normally

Current Behavior

When the cell can be selected but the multi-select box is not displayed, moving the parent node will cause other nodes to move deviation

Steps To Reproduce

Demo: https://codesandbox.io/s/loving-hofstadter-v04ow?file=/src/app.tsx:286-391

…Select all three nodes
…Move the parent node
…circle node abnormal coordinate changes

Additional Context

Your Environment

x6: [latest]
OS: [e.g. Windows 10 Professional Edition 21H1]
Browser: [e.g. chrome 94.0.4606.81]

Issue Analytics

State:
Created 2 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

7reactions

yahiaouikcommented, Feb 1, 2022

Hello ! I am facing the same problem. When I’m moving multi-selected nodes, selected nodes position change anormaly.

https://user-images.githubusercontent.com/43521458/152003870-f813f0ee-a2b4-4bad-930b-18dd880417d8.mp4

Unlike the previous exemple, there is no parent-child relationship between nodes. It is not a systematic behavior.

Here is my graph definition :

const newGraph: Graph = new Graph({
      autoResize: true,
      container: document.getElementById('Canvas'),
      keyboard: {
        enabled: true,
      },
      mousewheel: {
        enabled: true,
      },
      panning: {
        enable: true,
      },
      selecting: {
        enabled: true,
        multiple: true,
        rubberband: true,
        movable: true,
        modifiers: ['shift'],
      },
      scroller: {
        enabled: true,
        pannable: true,
      },
      snapline: true,
      clipboard: {
        enabled: true,
      }
    });

Is there any way to fix the problem ?