Issue with iframe inside a div with display:none in Chrome 65
See original GitHub issueRecently, 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:
- Created 6 years ago
- Comments:10 (5 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It seems that in Chrome 65, using
lowestElement
for calcuating height is too slow in some machines, resulting in mising calling ofresizedCallback
, and I usetaggedElement
to workaround this temporarily.Thanks for your tips. At the end I force iFrame resize and looks good now.