iFrame issues in iPhone 5-6+ and...

User 2705396 Photo


Registered User
4 posts

I have a strange issue I am hoping you all might be able to help with. Originally, I thought this was a MUSE issue, since I am building these sites in Adobe MUSE, but then after testing, it turns out to be an iFrame issue in iOS. Go to this site on an iPhone or iPad of any kind running the latest iOS... I have tried 8.1.2 and 8.1.3 with same result: http://www.mytechpro.com/phone/#contact-phone There is a Web From embedded there that if you click inside the iframe to scroll or to try and use the form, the browser windows jumps to the top of the page. So, this not only is annoying, but makes the form unusable. Here is another page with the same issue: http://www.mytechpro.com/phone/help.html

We have tried this on numerous Android phones with NO issue and all desktop versions on PC and Mac work fine. This issue appears in Safari, Chrome, Dolphin, etc for iPhone and iPad.

It also appears to be happening when using Google Calendar iFrame embed codes, thus the reason I don't think this is a WebForm issue, but an iFrame on iOS issue. Here is a google calendar embedded into another site I am working on and when you click inside the iFrame, hold and try to scroll, you'll see the page jump up and down as you try to scroll. I am seeing this as a similar issue, but since the iFrame is at the top of the page already, your finger never leaves to iFrame and thus keeps jumping. If I was to move the iFrame lower it would just jump to the top and stop.

If anyone can help shed light on a solution, please let me know. Thanks.

Tom
toms@mytechpro.com

User 2705396 Photo


Registered User
4 posts

Is there any other way to embed the Web Forms other than in an iFrame?
User 103173 Photo


VP of Software Development
0 posts

Tom Schiemer wrote:
Is there any other way to embed the Web Forms other than in an iFrame?

You could copy the markup from the generated HTML file and paste that directly into the page itself.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2705396 Photo


Registered User
4 posts

Sorry, I forgot to include the Google Calendar website page: http://www.cicnv.org/events.html
User 2705396 Photo


Registered User
4 posts

Since I have multiple forms, how can I change all the calls to access the folder full of files?


User 10077 Photo


Senior Advisor
1,096 posts

Just to clarify:

Tom Schiemer wrote:
how can I change all the calls
Do you mean calls to display the form?

Tom Schiemer wrote:
to access the folder full of files?
Does "folder full of files" mean the folder containing the exported files from Web Form Builder?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2707835 Photo


Registered User
1 post

How did you solve the page going back up?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.