WegGL Plots Fail to Render in Certain Circumstances

[samhinshaw]

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;
• 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