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)

Commencez par reproduire le comportement dans les deux exemples CodePen liés, en comparant le cas foreignObject fonctionnel avec le cas transformé. Suivez le comportement de react-plotly dans le SVG foreignObject et déterminez si le décalage du viewport signalé est attendu ou s’il s’agit d’un bug ; le travail est considéré comme terminé lorsqu’une méthode confirmée permettant de déplacer le plot avec le transform a été documentée ou validée.