Embedded iframe issue

I’ve got a modal dialog box that pops up, and I’ve set it so that an external page will display inside the popup. Everything works fine, except that when the site is viewed on a mobile device, any text you click on will pull up the keyboard (I’ve noticed it on iOS, in Safari).

I’ve already looked over my short javascript code for errors, and that’s not the issue. The issue is definitely in the embed code I’ve used, which is here:

<iframe id="popup" width="100%" height="100%" src="https://www.demandforced3.com/b/etile_scheduler_popup.jsp?d3cp_exid=Serenity-Hair-Salon&d3cp_source=My%20Website" ></iframe>

Any ideas on how to solve this, to get the mobile version to stop opening keyboards up?

Site is here: https://webflow.com/design/serenityhairsalon?preview=665281c6984c8c08d45a88420a5f171d

Hi @jordanshotwell, for security reasons, we do not support using iframe to embed script content hosted on another server. The iframe content is getting blocked by the security policy about this. You can link to that form, but due to the way it executes script, you cannot embed it to your page.

You might check with this external service, if they have any other ways to embed the functionality.

Cheers, Dave