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

Question

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

我想使用相同的树结构，但是框/节点随文本扩展，并且可能在某些时候自动换行。在小提琴中，我会看到最左边节点的文字溢出。

延长数据中的任何名称字段，看看我在说什么：

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

编辑：我试图支持IE9 +，它不会出现在IE9 +中支持foreignObject

是否有人能够调整这个JSFiddle来做到这一点？ Fiddle