SVG在线编辑在Chrome中工作，而不是FF？

我有一个SVG文件，我希望文本是可编辑的。根据stackoverflow的建议，我使用它来实现这一点。（下面的代码示例。）

它在Chrome浏览器、Chrome浏览器和Edge浏览器中发挥了作用。 它在IE中不起作用，但它也不支持，所以也就不足为奇了。 它在Firefox中也不起作用，我也不明白为什么

<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
    <style>
        #text2edit {
            font-family: Helvetica, Arial, sans-serif;
            font-size:24px;
        }
    </style>
    <path id="screen" d="M0 0h300v100H0z" fill="#00f"/>
    <foreignObject x="10" y="10" width="280" height="50">
        <div xmlns="http://www.w3.org/1999/xhtml" contenteditable="true" id="text2edit"
 style="color: #d4defb; background-color:#000;text-align: center;">Click to edit</div>
    </foreignObject>
    <text width="300" height="25" x="0" y="60" fill="#fff">
        You can click to edit (and click outside
    </text>
    <text width="325" height="25" x="0" y="85" fill="#fff">
        the box when done). Chrome only :-(
    </text>
</svg>

#文本2编辑{
字体系列：Helvetica、Arial、无衬线字体；
字体大小：24px；
}
单击以编辑
您可以单击进行编辑（并单击外部）
完成后打开盒子）。仅限铬：-(

最终，我希望将其保存在包含在HTML文件中的SVG文件中（使用）。为了模拟这一点，我将上述代码保存在SVG文件中，并通过本地主机URL在我自己的机器上查看

奇怪的是，如果我把它放在一个代码笔中（将上面的SVG粘贴为HTML），它在Firefox中工作得很好。但这确实是因为SVG是以HTML的形式排列的，这是我试图避免的

---

让Firefox正常工作有什么诀窍吗？让IE正常工作也有什么诀窍吗？

Firefox坚持该文档是HTML文档。你可以尝试在我的文档中提出一个bug，但你击败了我@RobertLongson:-）