css - Plotly charts embedded with an iframe and display: none don't load properly -


i'm trying embed plot.ly chart using native embed html looks this:

<iframe height="90%" width="90%" frameborder="0" scrolling="no" src="//plot.ly/~chris/7369.embed"></iframe> 

this works fine, until place <iframe> inside <div> has display: none default.

when later set <div> display: block clicking on button, chart in <iframe> doesn't load properly.

i wondered if true of <iframe>'s in general, embedded google doc seems work fine in same scenario.

i created this codepen illustrate problem. ideas?


Comments

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -