foreignObject browser compatibility : <p>I want to use <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject" rel="nofollow noreferrer">foreignObject</a> in an svg, to (conditionally) render an input field. In the MDN docs about foreignObject (see link above), a compatibility table shows a question mark on edge.</p>

<p>In other words - could someone with a windows machine and an Edge browser please be so kind and see if the following jsFiddle renders an input in the red circle:</p>

<p><a href="https://jsfiddle.net/sventies/p2osc5nt/" rel="nofollow noreferrer">https://jsfiddle.net/sventies/p2osc5nt/</a></p>

<pre><code>&lt;svg width="100%" height="500"&gt; 
  &lt;circle cx="120" cy="120" r="100" fill="red" /&gt;
  &lt;foreignObject x="50" y="40" width="180" height="180"&gt;
      &lt;div xmlns="http://www.w3.org/1999/xhtml"&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;input /&gt;
      &lt;/div&gt;
  &lt;/foreignObject&gt;
&lt;/svg&gt;
</code></pre>
