title: D3 tree chart, expand node with text
body: <p>I'm trying to use the following D3 tree chart, however I'm running into an issue, where if the text is larger than the box/node, it overflows.</p>
  <p>I'd like to use this same tree structure, but have the box/node expand with the text, and possibly word wrap at some point. In the fiddle, I you'll see the leftmost node's text is overflowing.</p>
  <p>Lengthen any of the name fields in the data, to see what I'm talking about:</p>
  <pre><code>var root = {
  &quot;name&quot;: &quot;flare&quot;,
  </code></pre>
  <p>EDIT: I'm trying to support IE9+, it doesn't appear foreignObject is supported in IE9+</p>
  <p>Is anyone able to tweak this JSFiddle to do just that? <a href="http://jsfiddle.net/YMa2y/412/" rel="nofollow noreferrer">Fiddle</a></p>