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)

Bắt đầu bằng cách tái hiện hành vi trong hai ví dụ CodePen được liên kết, đồng thời so sánh trường hợp foreignObject hoạt động với trường hợp đã được transform. Theo dõi cách react-plotly hoạt động bên trong SVG foreignObject và xác định liệu việc dịch chuyển viewport được báo cáo có phải là hành vi được mong đợi hay là một bug; công việc được xem là hoàn tất khi một cách đã được xác nhận để plot di chuyển cùng với transform được ghi lại hoặc kiểm chứng.