From 616a15f4c91b48d3f4c1d42393af38a7f44b4b30 Mon Sep 17 00:00:00 2001
From: Jero Soler <jero.soler@gmail.com>
Date: Wed, 4 Aug 2021 17:44:33 +0200
Subject: [PATCH] Fix misaligned routes on chrome zoom #218

---
 src/drawflow.css | 4 +---
 test.html        | 6 ++++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/drawflow.css b/src/drawflow.css
index 7144a1b..dc73dad 100644
--- 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
index 0cbcf81..b6f0d68 100644
--- 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 {