title: "stroke-dasharray:x,y;" mess up svg path? (Chrome)
body: <p>Edit &gt; Fixed: <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=364866" rel="nofollow noreferrer">https://bugs.chromium.org/p/chromium/issues/detail?id=364866</a></p>
  <h3>Works</h3>
  <p>I generate svg paths via d3js. Either <code>data()</code> + <code>mesh()</code> or <code>datum()</code> + <code>mesh()</code> work.</p>
  <pre><code>svg.append(&quot;g&quot;).attr(&quot;id&quot;,&quot;border&quot;)
          .attr(&quot;style&quot;, &quot;fill: none; stroke:#646464;&quot;)
      .selectAll(&quot;path&quot;)
      .data([topojson.mesh(json, L0, function(a, b) { return a !== b; })])
      .enter().append(&quot;path&quot;)
          .attr(&quot;d&quot;, path);
  </code></pre>
  <p>or :</p>
  <pre><code>//inland borders lines
  svg.append(&quot;g&quot;).attr(&quot;id&quot;,&quot;coast&quot;)
          .attr(&quot;style&quot;, &quot;fill: none; stroke:#646464;&quot;)
      .append(&quot;path&quot;)
      .datum(topojson.mesh(json, json.objects.admin_0, function(a,b){return a===b;}))
          .attr(&quot;d&quot;, path);
  </code></pre>
  <p><img src="https://i.stack.imgur.com/vHP4K.png" alt="enter image description here" /></p>
  <h3>Breaks</h3>
  <p>Adding <strong><code>stroke-dasharray: 8,4</code></strong> result into:</p>
  <p><img src="https://i.stack.imgur.com/zLkp3.png" alt="enter image description here" /></p>
  <p>Changing it to <strong><code>stroke-dasharray: 6,3,3,3</code></strong> result into:</p>
  <p><img src="https://i.stack.imgur.com/pfMrJ.png" alt="enter image description here" /></p>
  <p>Some artifacts appears, and half of the strokes are missing/invisible (borders with Ind/Pakistan, Ind/Nepal, Ind/Myamar, Myamar/Cambodia). If I add a similar stroke-dasharray to the coastline generation, same mess appear with blue lines.</p>
  <hr />
  <p><strong>Edit:</strong> Ok. First, i'am squizzed because the topojson.mesh() always return a single MultiLineString which, in turn, generate a single path. But why is it that the &quot;dasharray:none&quot; works fine !??</p>
  <p><img src="https://i.stack.imgur.com/bqAPr.png" alt="enter image description here" /></p>
  <p><strong>Any idea ?</strong> I think these dasharray makes a portions of the path not closed. (check up ongoing).</p>
  <p>Link to live code: <a href="https://rugger-demast.codio.io/2_zoom/index.html" rel="nofollow noreferrer">https://rugger-demast.codio.io/2_zoom/index.html</a></p>