Forms won't allow scrolling on iOS devices

  • dnibley
    Asked on May 13, 2016 at 5: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

  • victor
    Replied on May 13, 2016 at 6: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.

    Forms wont allow scrolling on iOS devices Image 1 Screenshot 20

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

     

  • David Nibley
    Replied 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

  • Huberson
    Replied on May 18, 2016 at 2: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.

    Forms wont allow scrolling on iOS devices Image 1 Screenshot 20 

     

    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.