That is most likely some external script or style affecting it
I’ve copy-pasted the exact code from that link you’ve mentioned and this is what I get..
Check the codepen for the demo
As I said, check your styles sources and search for the word iframe to find a style that could be affecting it
Solution 2 :
I had the same problem, then I realized Google Chrome is not able to load it, it is heavy. Try Google Incognito, you will see it perfectly working/loading.
Solution 3 :
I’m using iframe for Facebook Embed Post
If using Normal Chrome iframe, NOT working!
If using Incognito Mode in Chrome, it works!
If using Edge, it works!
If I use my friend’s PC chrome, it Works!
** Problem is the chrome cache issue
Ctrl + Shift + Del Open the “Clear Browsing Data” in chrome
select “Cookies and Other Site Data”
select “Cached Images and files”
Click “Clear Data”
Follow the setting, then click “Clear Data” which will do.
hope it helps.
I’m trying to add an iframe to the right hand side of my webpage, but for some reason the iframe won’t load when I refresh the page. I tried looking at my developer tools in Google but all I saw was that there was a style property added to my iframe that says,
“display: none !important”. I don’t know if this is what is keeping it from loading, but that is all I can think of. I looked at other suggestions, but they didn’t fix the problem.
I also don’t know how to get rid of the display property if it is the issue. I don’t have any compiling issues. I’m creating this website with React and I’m trying to display my facebook account with an iframe on the right hand side of my webpage. I could really use some help with this. Here is my React code: