Thread Starter
tpg
(@tpgerber)
The site looks fine in the checker. By moving the shortcode to a Divi code module I am able to get the page to render. However, if I choose “Resize iframe to content height”, not all the images load in the page. If I don’t set the scrolling property, then by clicking on the still-visible iframe scroll bar and moving it slightly the images render. What I want though is no iframe scroll bar, just the page scrollbar. So in other words, I can get the desired result, but only after moving the iframe scrollbar. If I set scrollbar = “no”, then there is no way to get the missing images to load. I’ve modified several other settings to see what might be causing the problem (e.g. lazy vs. eager loading, hiding the iframe until it is loaded). Nothing seems to work.
How does your shortcode / config looks like? And is the page in the iframe on the same domain.
Please also check the Javascript console.
Best regards, Michael
Thread Starter
tpg
(@tpgerber)
No errors in the javascript console.
If I just set auto resize to fit content w/out explicitly setting either “height” or “resize_min_height” in pixels (to a large value, > 10000px), then the iframe does not size completely to the content. The closest I’ve come is to manually set either of these, which still requires triggering a scroll event to get the missing images to load. (I can see that when I do this there is a slight resizing of the content in the iframe). Also should note that the source page is a static html page that is stored on the same server as the site (i.e. src = “https://mydomain/index.html”). Also should note that the setting ‘hide the iframe until it is loaded’ causes nothing to render.
Can you please share your shortcode and the url you have the problems with.
Best regards, Michael