title: How to make svg text editable when an svg node?
body: <p>The following code gives a nice editable svg text box (in Chrome at least):</p>
  
  <pre><code>d3.select("body").append("text").text("Test").attr("contentEditable","true");
  </code></pre>
  
  <p>However, the following code does not work:</p>
  
  <pre><code>d3.select("svg").append("text").text("Test").attr("contentEditable","true");
  </code></pre>
  
  <p>Is there any way to make svg text editable along the lines of the second snippet above? I'm really hoping to avoid foreignObject if possible.</p>