search

jerosoler / Drawflow

Simple flow library 🖥️🖱️
https://jerosoler.github.io/Drawflow/
MIT License
4.41k stars 713 forks source link

Drawflow changes layout when drag a specific node #880

Open heziosight opened 5 days ago

heziosight commented 5 days ago

Hello, when i'm click to drag and change position of specific node , drawflow change his layout and just when i release the click , then node ability to move. i found that when i drag the node by right mouse click that's actually works fine. but left mouse key also moved canvas. how i can prevent canvas while dragging a node and make it works also with left mouse key? i attached sample video how i can fix that?

https://github.com/jerosoler/Drawflow/assets/165561657/671d062a-ed3f-4429-acd3-5214e6f3cf01

jerosoler commented 4 days ago

Can you provide a codepen where the error is reproduced? Some of your CSS classes may be changing the behavior of drawflow. Review them.

heziosight commented 4 days ago

actually there's no error , i just can't understand this behavior. why long press on node with the left mouse button move also drawflow layout? there's option to disable it somehow?

jerosoler commented 4 days ago

Try:

heziosight commented 4 days ago

i tried that's not work bro , i got Property 'editor_selected' does not exist on type 'Drawflow'. i also tried to add some logic to disable canvas dragging by setting editor mode to fixed 

  this.editor.on('click', () => {
  this.editor.editor_mode = 'fixed';
 });

this.editor.on('clickEnd', () => {
  this.editor.editor_mode = 'edit';
});

but unfortunately that's just freeze my drawflow canvas without option to drag any node.