From b65fe7ecfa77939a6fcd5911d33d37aee25c9e5f Mon Sep 17 00:00:00 2001
From: Magnus Jacobsson <magjac@netinsight.net>
Date: Tue, 29 Aug 2017 05:53:07 +0200
Subject: [PATCH] Generate the temporary svg in the DOM

instead of in a Document Fragment.

Fixes https://github.com/magjac/d3-graphviz/issues/2
---
 src/dot.js            | 6 ++++--
 test/graphviz-test.js | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/dot.js b/src/dot.js
index 4dc262af..b2764f9d 100644
--- a/src/dot.js
+++ b/src/dot.js
@@ -157,8 +157,9 @@ export default function(src) {
               }
              );
 
-    var newDoc = d3.select(document.createDocumentFragment())
-      .append('div');
+    var newDoc = d3.selection()
+      .append('div')
+      .attr('display', 'none');
 
     newDoc
         .html(svgDoc);
@@ -171,6 +172,7 @@ export default function(src) {
     this._data = data;
     this._dictionary = dictionary;
     this._nodeDictionary = nodeDictionary;
+    newDoc.remove();
 
     return this;
 };
diff --git a/test/graphviz-test.js b/test/graphviz-test.js
index c6727aa6..50e4c37e 100644
--- a/test/graphviz-test.js
+++ b/test/graphviz-test.js
@@ -9,7 +9,7 @@ tape("graphviz().render() renders an SVG from graphviz DOT.", function(test) {
     var document = global.document = jsdom('<div id="graph"></div>');
     var graphviz = d3_graphviz.graphviz("#graph");
 
-    svgDoc = `<svg width="62pt" height="116pt" viewbox="0.00 0.00 62.00 116.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    svgDoc = `<svg width="62pt" height="116pt" viewBox="0.00 0.00 62.00 116.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 112)">
 <title>%0</title>
 <polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-112 58,-112 58,4 -4,4"></polygon>
@@ -92,7 +92,7 @@ tape("graphviz().render() removes SVG elements for nodes and edges when removed
         .dot('digraph {a}')
         .render();
 
-    svgDoc2 = `<svg width="62pt" height="44pt" viewbox="0.00 0.00 62.00 44.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    svgDoc2 = `<svg width="62pt" height="44pt" viewBox="0.00 0.00 62.00 44.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 40)">
 <title>%0</title>
 <polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-40 58,-40 58,4 -4,4"></polygon>