Closed
Description
In certain conditions (see below), plotly.js fails to render webgl plots because the canvas height is 0.
Conditions to Reproduce
- the plot must be configured to use webgl (e.g. "scatter3d" trace type)
- there must NOT be a height specified in the plot's config
- virtual-webgl must be loaded on the page before plotly.js
- the graph div must be wrapped in a parent which:
- has a height set in px (e.g.
height: 400px;
) - is not set to
display: inline;
- has a height set in px (e.g.
- the graph div must have set a height set in any units (e.g.
height: 100%;
,height: 400px;
) - the graph configuration must have responsive set (
responsive: true
)
Additional Information
- See this codepen for a min. reprex: https://codepen.io/samhinshaw/pen/QwLKdjZ
- Related: Virtual WebGL Workaround Fails On 3d Plots #7298
Metadata
Metadata
Assignees
Labels
needed for current cycleneeded for current cycle