SVG foreignobject内的HTML不可见

Question

我正在努力使用SVG，我通过foreignobject嵌入了HTML。这是一个最小的组成部分：

val SvgDemoComponent = ReactComponentB[Unit]("Demo")
.render { _ =>
  <.svg.svg(
    <.svg.foreignobject(
      <.div("Hello From SVG")
    )
  )
}
.build

问题是＆＃34;你好＆＃34;文字不可见。但是，我可以在Chrome或FF中进行小的空格编辑，然后它变得可见：

更新：问题可以通过简单的React重现，即它不是由scalajs-react抽象引起的。我刚刚将其发布为a new SO question。

Answer 1

由scalajs中的拼写错误引起的反应：foreignObject需要资本 O 。

PR已提交。