scala.js - SVG 外部オブジェクト内の HTML が表示されない

Question

を介して HTML を埋め込む SVG に苦労していますforeignobject。最小限のコンポーネントは次のとおりです。

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

問題は、「Hello」テキストが表示されないことです。ただし、Chrome または FF でマイナーな空白を編集すると、表示されるようになります。

更新:この問題はプレーンな React で再現可能です。つまり、scaljs-react の抽象化が原因ではありません。新しい SO questionとして投稿しました。

Answer 1

scalajs-react のスペルミスが原因:foreignObject大文字のOが必要です。

PRを提出しました。