Ploty.js in Shadow DOM did not handle CSS transform correctly

[OpportunityLiu]

A chart in shadow DOM https://codepen.io/opportunityliu/pen/poeXjmr
A chart out of shadow DOM https://codepen.io/opportunityliu/pen/Rwpzrww

They are both applied same CSS transform

#plot {
  display: block;
  width: 50%;
  margin-left: 50%;
  transform: scale(2, 1);
  transform-origin: right;
}

and looks similar

But when interacting with the plot, seems the plot in shadow DOM has wrong coordinate of mouse events.