Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Ploty.js in Shadow DOM hover flicker
See original GitHub issueWhen Plotly.js is rendered inside of a ShadowDOM, the hover elements rapidly draw, clear, and redraw causing a flickering effect on mousemove events under specific conditions.
And a GIF
For comparision, here is the same example as above using the Light DOM: Demonstration in codepen
And a GIF
When it comes to support for Plotly.js in Shadow DOM, there are other issues in addition to this one but, as demonstrated in the first code pen, there are workable fixes I can make as a user in most cases (i.e. the styling inside of the template…) but this particular issue is not so easily worked around as a user.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:13 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I would say it is exactly the same issue. I checked out your pull request and can try if it fixes the problem for me. When I have tested your changes I’ll report my findings.
@dbluhm Yes. I am trying to use plotly within a Web Component. Outside ShadowDOM elements it works correctly.