question-mark
Stuck on an issue?

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.

Issue with iframe inside a div with display:none in firefox

See original GitHub issue

When the iframe begins inside a display none div in firefox the height is not applied to the iFrame. I know that in version 3.0 there is changelog that says that this issue has been fixed but I don’t know if that was exacly what the case that you guys are testing.

<div style="display:none">
<iframe src="https://local..."></iframe>
</div>

I’ll try to track the problem and commit it. Thanks

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:21 (5 by maintainers)

github_iconTop GitHub Comments

6reactions
psr1410commented, Dec 7, 2015

If I use “visibility:hidden” instead of “display:none” It’s working fine.

3reactions
gstroupcommented, Sep 29, 2016

It’s a hack, but I set opacity to 0 to hide, back to 100% to show.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Problems with contentDocument and 'display:none' in IFRAMES.
If an IFRAME has the property 'display:none', then contentDocument ... Using CSS and width: 100% will layout a textarea within the borders of...
Read more >
Firefox won't print iframe styled with display:none
Firefox won't print iframe styled with display:none ; It may be because the URL is on a different domain. – Diodeus - James...
Read more >
iframe not appearing in div in IE and Firefox. Works fine in ...
I am almost positive the issue is me! We are using Collegenet's online calendar service and in order to get their "spud code"...
Read more >
The ultimate guide to iframes - LogRocket Blog
The iframe element (short for inline frame) is probably among the oldest ... will display a 500px square with the google homepage within:...
Read more >
Firefox window.getComputedStyle error in Iframe - Telerik
I know that Firefox has issues with getComputedStyle if the iframe is hidden with display:none - mine is not. I know that there...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found