This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
James Muirhead
Posted Jan 24 - Read on Facebook

I'm experiencing issues when I try to view a Framer prototype embedded in an <iframe> in Safari or Chrome on a mobile device (issues best seen by using a tablet).

Scenario #1 - The <iframe> is NOT inside an enclosing <div>.
http://freshtaps.com/iFrameTest/test_without-div.html
If I'm viewing in Portrait orientation, the Framer is positioned properly but the <iframe> itself is wider and higher than the Framer. If I switch to Landscape orientation and reload the page, the whole page kinda blows up with the <iframe> filling the viewport and no Framer in sight.

Scenario #2 - The <iframe> is inside an enclosing <div>.
http://freshtaps.com/iFrameTest/test_with-div.html
If I'm viewing in Portrait orientation, all looks good. If I switch to Landscape orientation and reload the page, the Framer prototype is shifted up and to the left inside the <iframe>.

Scenario #3 - Two <iframe> tags on the same page - the first one with an enclosing <div> and the second one without a <div>.
http://freshtaps.com/iFrameTest/test_without-with-div.html
In Portrait orientation, the first <iframe> displays the Framer properly, but the Framer is nowhere to be seen in the second </iframe>. In Landscape orientation the first <iframe> displays the Framer offset up and to the left. In the second <iframe>, the Framer is still nowhere to be seen.

Control Scenario - Two <iframe> tags on the same page - the first one with an enclosing <div> and the second one without a </div> AND a simple HTML page referenced in each instead of a Framer prototype.
http://freshtaps.com/iFrameTest/test_with-without-div_control.html
You'll notice that there are no issues with either the size of the <iframe> or its contents in either Portrait or Landscape orientation, which leads me to believe that the Framer page is partly the cause of the various issues seen in Scenarios #1, #2 and #3.

Everything works as expected in a desktop browser, so it seems to be the combination of a Framer page with an iOS browser.

Any ideas or solutions?

1 Comments

Eelco Lempsink

Hi James, you’re correct, this is an issue in Framer. We have some code to handle rotation, but this does not work well for all cases when embedded. Thank you very much for the various test cases, that’s really helpful!

Read the entire post on Facebook