jerosoler / Drawflow

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

I'm able to move flow only from black box #764

Closed mushzak closed 10 months ago

mushzak commented 10 months ago
image

When I hold click into box I'm able to move flow, but out of that I'm not able moving doesn't work

jerosoler commented 10 months ago

Have you added a css class in the parent element of drawflow or style?

View other possible problems:

mushzak commented 10 months ago
image
mushzak commented 10 months ago

how I can share video with you? all videos are more then 10 mb, I'm not able to share here

mushzak commented 10 months ago

https://streamable.com/afjuyq

please check it here

jerosoler commented 10 months ago

Try adding css:

<style>
    #drawflow { 
      position: relative;
      text-align:initial;
....
}

If it doesn't work try removing your CSS. It may be causing some problem. If sun css works, check if the parent container is modified.

For example problem with boostrap:

mushzak commented 10 months ago

also translate event doesn't work out of that area

image
mushzak commented 10 months ago
image

Also as you can see it is working only for div.class.drawflow

jerosoler commented 10 months ago

Your drawflow div contain a class: image Review:

Your class ng-*** in second position.

mushzak commented 10 months ago

is it fixed? because when using in Angular that classes adding automatically

jerosoler commented 10 months ago

Try changing the div to:

<div id="drawflow" class="parent-drawflow">

This solution is in last comments.

mushzak commented 10 months ago

Thank you very much for your fast answers, this solution is fixed my problem, and thank you very much for this library

mushzak commented 10 months ago

the last issue that I have in my flow it is related to having big flows, and I'm not able to center them, or have auto zoom