Fix misaligned routes on chrome zoom #218

jerosoler · Aug 4, 2021 · 616a15f · 616a15f
1 parent 52d395d
commit 616a15f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/drawflow.css b/src/drawflow.css
@@ -78,13 +78,12 @@
 }
 .drawflow .connection {
   position: absolute;
-  transform: translate(9999px, 9999px);
+  z-index: -1;
 }
 .drawflow .connection .main-path {
   fill: none;
   stroke-width: 5px;
   stroke: steelblue;
-  transform: translate(-9999px, -9999px);
 }
 .drawflow .connection .main-path:hover {
   stroke: #1266ab;
@@ -100,7 +99,6 @@
   stroke: black;
   stroke-width: 2;
   fill: white;
-  transform: translate(-9999px, -9999px);
 }
 
 .drawflow .connection .point.selected, .drawflow .connection .point:hover {

diff --git a/test.html b/test.html
@@ -13,6 +13,12 @@
         position:relative;
         width: 100%;
         height: 800px;
+        left: 50px;
+        border: 1px solid red;
+      }
+
+      .drawflow .drawflow-node {
+        opacity: 0.3;
       }
 
     /*  .drawflow .parent-node .custom-node-1 .inputs {