cytoscape / cytoscape.js

Graph theory (network) library for visualisation and analysis
https://js.cytoscape.org
MIT License
10.1k stars 1.64k forks source link

Screen and mouse offset taking half of the Cytoscape container #3285

Open FerFrassia opened 4 days ago

FerFrassia commented 4 days ago

Environment info

Current (buggy) behaviour

What does the bug do?

There's a horizontal offset in the container and all networks appear on the right side of the offset. Clicking anywhere in left side of the offset actually clicks the right side of the offset. Dragging the graph from the right side of the offset to the left side of the offset shows that the graph goes behind whatever is there and disappears.

https://github.com/user-attachments/assets/af896986-69e1-4023-8398-b06079fc8785

Desired behaviour

What do you expect Cytoscape.js to do instead?

There should be no offset for the mouse or the UI and the graph should be able to be seen from anywhere in the canvas.

Minimum steps to reproduce

What do you need to do to reproduce the issue?

  1. Click and hold somewhere in the left half of the canvas.
  2. Drag to the left and you'll see the graph disappearing behind something.

Fork/clone this JSBin demo and reproduce your issue so that your issue can be addressed quickly and effectively: http://jsbin.com/fiqugiq

For reviewers

Reviewers should ensure that the following tasks are carried out for incorporated issues:

mikekucera commented 1 day ago

I've never seen this happen before and I don't know how to reproduce the issue. We are going to need a reproducible demo using jsbin or some other reliable way of reproducing the issue. Thank you.