HTML SVG 内部外部对象不可见

Question

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

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

问题是 "Hello" 文本不可见。但是，我可以在 Chrome 或 FF 中对空白进行较小的编辑，然后它就会变得可见：

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

Answer 1

由于scalajs-react中的拼写错误：foreignObject需要大写O.

PR 已提交。

HTML SVG 内部外部对象不可见

HTML inside SVG foreignobject not visible

scala.js

scalajs-react