@vanitagithub If you’re talking about the render bug in Chrome, you can try this workaround:
The current workaround is to apply the CSS properties “position:relative; z-index: -1” to the foreignObject element. This also has the effect that a CSS background on foreignObject no longer renders, which matches current Firefox behavior.