Forms won't allow scrolling on iOS devices

  • Profile Image
    dnibley
    Asked on May 13, 2016 at 05:47 PM

    Hi there. I've got a site with a number of forms in it that I've built in Adobe Muse. When I simply embed the form code into the site, the forms won't show up at all on iOS devices (although they do show up on Android). I've tried the i-frame embed method, and the forms do show up, but they won't allow me to scroll all the way to the bottom of the form—they just jump me back up to the top of the page when I get partway down the form. Frustrating.

    Can you look at these test pages? I need this to work ASAP—my client is antsy! Please help!

    http://simplefinance.businesscatalyst.com/phone/careers.html

    http://simplefinance.businesscatalyst.com/tablet/careers.html

    Thanks,
    Dave

  • Profile Image
    victor
    Answered on May 13, 2016 at 06:25 PM

    I am not sure if this is the issue, but I reviewed your form. I noticed that it was missing the submit button.

    Please adjust the height of the iframe so the submit button will be shown properly.

     

  • Profile Image
    David Nibley
    Answered on May 18, 2016 at 12:56 PM

    I do have a submit button built into the form. Please review my original explanation above. This is creating a huge problem for me. The form shows up fine in the desktop version of the Muse site, but big problems on the tablet or phone versions in iOS. Any other thoughts?

     

    Here's the form URL on Jotform:

    https://www.jotform.com//?formID=61103425034137

  • Profile Image
    Huberson
    Answered on May 18, 2016 at 02:45 PM

    The reason you cannot see the submit button from those pages, is because the IFrame height is not tall enough to display the below contents. As my colleague suggested, you need to increase the height of the IFrame.

     

     

    If you change the height and still doesn't fix the issue on IOS, please provide us with a screenshot and the version you are previewing the form from.