React-plotly Svg transform

I'm trying to use react-plotly inside a foreign object within an Svg, this works fine as shown here.
https://codepen.io/anon/pen/eyYjgr

However I would like to move this object using a transform.
<foreignObject id={"TestSvgFO"} width="100%" height="100%" transform="translate(150, 0)" xmlns="http://www.w3.org/2000/svg">

This results in sliding the view window off the plotly graph instead of moving it.
https://codepen.io/anon/pen/qpByMe

Any suggestions on a way to get it to move correctly in an Svg object with a transform?

(edited your links so they work - alexcjohnson)

Beginne damit, das Verhalten in den beiden verknüpften CodePen-Beispielen zu reproduzieren, und vergleiche den funktionierenden foreignObject-Fall mit dem transformierten Fall. Verfolge, wie sich react-plotly innerhalb des SVG foreignObject verhält, und ermittle, ob die gemeldete Verschiebung des Viewports erwartet wird oder ein Fehler ist; als abgeschlossen gilt die Aufgabe, wenn eine bestätigte Möglichkeit dokumentiert oder validiert wurde, wie sich der Plot zusammen mit dem transform bewegen lässt.