title: HTML inside SVG foreignobject not visible
body: <p>I am struggling with an SVG, where I embed HTML via <code>foreignobject</code>. Here's a minimal component:</p>
  
  <pre><code>val SvgDemoComponent = ReactComponentB[Unit]("Demo")
  .render { _ =&gt;
    &lt;.svg.svg(
      &lt;.svg.foreignobject(
        &lt;.div("Hello From SVG")
      )
    )
  }
  .build
  </code></pre>
  
  <p>The problem is that the "Hello" text is not visible. However, I can make a minor whitespace edit in Chrome or FF and then it becomes visible:</p>
  
  <p><a href="https://i.stack.imgur.com/DMonA.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DMonA.gif" alt="enter image description here"></a></p>
  
  <p><strong>Update:</strong> The problem is reproducible with plain React, i.e. it is not caused by the scalajs-react abstraction. I have just posted it as <a href="https://stackoverflow.com/questions/39504988/react-svg-html-inside-foreignobject-not-rendered">a new SO question</a>.</p>