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 Chrome 65

See original GitHub issue

Recently, Chrome has release version 65, and it seems to be confusing when using iframe-resizer. The problem is that when I wrap an iframe with a div element, it will be set with a small height when the div element is set to be hidden with display: none;, and in some machines, resizedCallback of iframe-resizer is not called when the div element is set with display: block; again. It seems that Chrome 65 has changed some rendering way resulting in this problem, and I hope to open this issue to help authors of iframe-resizer to research the problem and even to report a bug for Chrome.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
aleen42commented, Mar 14, 2018

It seems that in Chrome 65, using lowestElement for calcuating height is too slow in some machines, resulting in mising calling of resizedCallback, and I use taggedElement to workaround this temporarily.

0reactions
elalemanyocommented, Oct 8, 2018

Thanks for your tips. At the end I force iFrame resize and looks good now.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome 65 can't print hidden iframe - Stack Overflow
The problem is that if the iframe is display: none; , the .print() on said iframe won't print anything. It only happens on...
Read more >
"display:none" | Can I use... Support tables for HTML5, CSS3, etc
4 WebView 65 stopped creating layout objects for elements inside an <iframe> with display:none applied. Support data for this feature provided by: MDN...
Read more >
<iframe>: The Inline Frame element - HTML - MDN Web Docs
The <iframe> HTML element represents a nested browsing context, embedding another HTML page into the current one.
Read more >
Design Museum Shop
audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in...
Read more >
808072 - consider preserving scroll offset in display:none iframe
3396.62 (Official Build) (64-bit). Tested the above issue and found the below outcome. 1 If the link in iFrame is external link :...
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