fix(connection): no fill fixes #210

src/components/ConnectionLine/index.tsx

@@ -41,7 +41,7 @@ export default ({
     return null;
   }
 
-  const edgeClasses: string = cx('react-flow__edge', 'connection', className);
+  const edgeClasses: string = cx('react-flow__edge', 'react-flow__connection', className);
   const hasSource = sourceNode.__rg.handleBounds.source !== null;
 
   // output nodes don't have source handles so we need to use the target one

src/style.css

@@ -52,11 +52,12 @@
     stroke-dasharray: 5;
     animation: dashdraw 0.5s linear infinite;
   }
+}
 
-  &.connection {
-    stroke: '#ddd';
-    pointer-events: none;
-  }
+.react-flow__connection {
+  fill: none;
+  stroke: '#ddd';
+  pointer-events: none;
 }
 
 .react-flow__edge-path {