scala.js - SVG 异物内的 HTML 不可见

Question

我在 SVG 上苦苦挣扎，我通过foreignobject. 这是一个最小的组件：

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

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

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

Answer 1

由 scalajs-react 中的拼写错误引起：foreignObject需要大写字母O。

公关提交。