Text SVG中的文本'；s foreignObject不可选择

我有一个

SVG

，想在其中显示一些文本。由于

SVG

中提供的文本格式选项有限，我已经了解到可以建议使用HTML作为文本格式。因此，每当我想显示文本时，在

SVG

的内部就有一个

foreignObject

，其中有一个文本

p

因此结构是：

SVG->foreignObject->p

到目前为止效果很好！但是，我无法用鼠标选择

p

中的文本。有什么解决办法吗

编辑： 看起来它可以在一个简单的示例中工作，如下面的答案所示，但由于某些原因，它在这里的结构中不起作用。

---

对我来说非常好

选择我

在Firefox上非常适合我。如果你正在使用它创建一个测试用例，如果你没有，那么在不工作的UA上会出现一个bug。我也在使用firefox，最新版本。foreignObject需要大写字母O，并且要求高度和宽度作为属性，而不是css样式（如我的回答所示），如果这还不能解决它，请像我一样提供可运行的代码，而不仅仅是一个屏幕截图。是的，真奇怪。这个简单的例子在这里也运行良好。我已经更新了我的问题，用我在项目中没有的实际结构