Line breaks on different zoom levels of Browser

jerosoler / Drawflow

Simple flow library 🖥️🖱️

https://jerosoler.github.io/Drawflow/

MIT License

4.42k stars 714 forks source link

Line breaks on different zoom levels of Browser #757

Open itsrajatcodehub opened 10 months ago

itsrajatcodehub commented 10 months ago

Hi @jerosoler I'm facing a issue of breaking of connection line between 2 nodes on 100% level of the browser, and working fine on 80%, but this zoom levels vary from system to system

this image is of my system on 100% level of the google chrome browser.

.css of this .drawflow .connection .main-path { fill: none; stroke-width: 2px; stroke: #000; transform: translate(-9998px,-9999px); }

but still facing a issue, provide some solution of this. Thanks!

jerosoler commented 10 months ago

What version of drawflow use?

It looks like old css code.

View:

https://github.com/jerosoler/Drawflow/issues/218

Try new file: https://github.com/jerosoler/Drawflow/blob/master/src/drawflow.css