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