Plot height of plotly graph in html export is incorrect (Pluto 0.14.1 & chrome)

[holomorphism]

With the change from Pluto 0.14 to 0.14.1, when I export a notebook containing plotly (Plots.jl) graphs to html and open it locally in chrome, the height is no longer displayed correctly. (I am using google chrome 89 on Ubuntu 18.04. In firefox it is displayed correctly.)

Pluto 0.14:

plotly_minimal.jl.0.14.0.html.txt

Pluto 0.14.1:

plotly_minimal.jl.0.14.1.html.txt

The html by Pluto 0.14.1 had the following error in the chrome console.

I think this is due to a security restriction of chrome, and if you open the html uploaded to the web, the error will not occur. The above behavior of Pluto 0.14.1 may be normal, but I report it just in case. If this is not considered a problem, please close it.

[holomorphism]

(I posted a comment that I think this issue is similar to #1087, but I'm still not sure, so I deleted that post)

[fonsp]

I think this might be "impossible to fix", @pankgeorg can you verify? Is it a Chrome bug?

This is not a major issue, iframe-embedded HTML output is not super common, and it works when served over HTTPS, which is our main focus. So if it takes too much time, we might not fix this.

[pankgeorg]

It also works over HTTP, if, for example, you npx serve.
Indeed, the problem doesn't seem 'fixable' as the code is now. Maybe we can detect running in through local filesystem and skip iframes - or you can disable security: https://stackoverflow.com/questions/3102819/disable-same-origin-policy-in-chrome

[holomorphism]

Thanks for the reply and the useful info!

[fonsp]

Some simple solutions:

1. Put the html file in a github repository and use github pages to view the html
2. Put the html file in a github repository or on gist.github.com and use https://htmlview.glitch.me/ to view it

[holomorphism]

I noticed that this problem is solved in Pluto v0.14.8 and Plots v1.16.8.
Maybe it's because of this PR?
JuliaPlots/Plots.jl#3559
Thanks a lot!

[fonsp]

That's right! yayo