SVG外部对象中的HTML不可见

我在SVG上苦苦挣扎，在SVG中，我通过嵌入了HTML foreignobject。这是一个最小的组件：

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

问题是“ Hello”文本不可见。但是，我可以在Chrome或FF中进行较小的空格编辑，然后该可见：

更新：该问题在纯React中是可重现的，即，它不是由scalajs-react抽象引起的。我刚刚将其发布为新的SO问题。