D3：html输入字段仅适用于Chrome

Question

我正在尝试将文本输入字段作为外来对象包含到我的D3中。输入字段仅显示在Chrome中。我试图深入研究这个，但找不到任何有用的东西。任何想法都表示赞赏。

这是jsfiddle。这就是代码：

d3.select("body")
    .append("foreignObject")
    .append("xhtml:body")
    .html("<input>")
    .attr("id", "search");