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)

Inizia riproducendo il comportamento nei due esempi CodePen collegati, confrontando il caso foreignObject funzionante con il caso trasformato. Traccia il comportamento di react-plotly all’interno dell’SVG foreignObject e determina se lo spostamento del viewport segnalato è previsto o se si tratta di un bug; il lavoro è completato quando è stato documentato o convalidato un modo confermato per fare in modo che il plot si sposti insieme al transform.