SVGの外部オブジェクトのHTMLが表示されない

Question

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

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

"Hello"というテキストは表示されないという問題があります。しかし、私はクロムやFFにマイナー空白編集を行うことができますし、それが目に見えるようになる：

更新：それは反応しscalajsによって引き起こされていない、つまり問題はプレーンと再現性がある、リアクト抽象化。私はただa new SO questionとして投稿しました。

Answer 1

scalajs-reactのスペルミスによって引き起こされた：foreignObjectは大文字の,を必要とします。

PRが送信されました。