Javascript D3树形图，用文本展开节点

我试图使用下面的D3树形图，但是我遇到了一个问题，如果文本大于框/节点，它就会溢出

我希望使用相同的树结构，但是让框/节点随着文本展开，并且可能在某个时候换行。在小提琴中，您将看到最左侧节点的文本溢出

延长数据中的任何名称字段，以查看我所说的内容：

var root = {
"name": "flare",

编辑：我试图支持IE9+，似乎IE9不支持foreignObject+

---

有人能够调整这个JSFIDLE来做到这一点吗

这个问题在不同的上下文中出现过很多次，例如，或。@Larskothoff谢谢，我能够让foreignObject工作，但后来我发现它不支持IE9+