New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed

OpportunityLiu opened this issue Jun 23, 2021 · 0 comments · Fixed by #6996

Contributor

OpportunityLiu commented Jun 23, 2021

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.

OpportunityLiu mentioned this issue

fix getFullTransformMatrix in shadow DOM #6996

Merged

archmoj closed this as completed in #6996

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment