title: SVG foreignObject childContent fails to render properly in MS Edge
body: <p>I have a complex SVG with <code>foreignObject</code>'s (The header part of this diagram is done as <code>foreignObject</code>'s for various reasons). On Chrome 96 everything looks fine. <a href="https://i.stack.imgur.com/KIGu5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KIGu5.png" alt="Example" /></a></p>
  <p>On MS Edge 96 on first render it looks the same. When I start scrolling down most of the <code>foreignObject</code>'s content disappears. Only the very first child of the content remains rendered. The rest does exist in DOM and has all the same properties in the element inspector as the shown element, but it does not render. <a href="https://i.stack.imgur.com/uM8UA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uM8UA.png" alt="Example" /></a></p>
  <p>This to me seems to be an Edge bug but I cannot find anything close to this on Google or SO. Any ideas how to solve this? Almost seems like Edge exits a render() loop after the first iteration.</p>