Form scrolls as billing address is filled out on mobile phone

  • Imogenius13
    Asked on December 22, 2015 at 11:01 AM

    Hi guys, I'm testing the mobile version of my form on my wix site and as I try to fill out the form on my phone it keeps scrolling out of the way.  Also, the text won't show up when I try to type into the billing address box.

    Thanks! :)

    Page URL: http://www.watchmyenglish.com/#!blank/nt5ff
  • Ashwin JotForm Support
    Replied on December 22, 2015 at 12:16 PM

    Hello Imogenius13,

    I did check your web page where you have embedded your form and did not find any issue with that. It seems to work fine when I tested it in my mobile device. Please check the screenshot below:

    Form scrolls as billing address is filled out on mobile phone Image 1 Screenshot 30

     

    I was also ale to input credit card numbers as well. Please check the screenshot below:

    Form scrolls as billing address is filled out on mobile phone Image 2 Screenshot 41

     

    Can you please share a screenshot of your form how it appears in mobile device? The following guide should help you how to upload image in forum post:  http://www.jotform.com/answers/277033

    We will wait for your response.

    Thank you!

  • Imogenius13
    Replied on December 23, 2015 at 2:31 PM

    Did you try putting information into the billing address? That's when my page scrolls all the way down to the bottom.

  • Imogenius13
    Replied on December 23, 2015 at 2:35 PM

    also,

    when I click submit, the form scrolls back to the top. Can I change that setting?
  • victor
    Replied on December 23, 2015 at 3:21 PM

    While reviewing your page I noticed that you have an iFrame within another iFrame. Your form is embedded in the iframe "http://www.watchmyenglish.com.usrfiles.com/".

    I also tested your form in my android phone and noticed that the CC information does not display correctly. Is it possible to place the iFrame of the form directly in your page and not inside another iFrame.

  • Imogenius13
    Replied on December 23, 2015 at 4:07 PM

    Ok, I re-embeded the form on the site.  Hopefully this isn't an iframe within an iframe this time, but could you let me know if that coding is still there? Thanks!

    Also, how do I resize that orange background so it's just on the header? I can't seem to find the right button for that, thanks! :)
  • Ben
    Replied on December 23, 2015 at 5:48 PM

    You are using Wix, which means that Wix will add an iframe around your iframe (or any other code).

    It is always best to embed your form on Wix as shown here: How to embed jotform on Wix Site

    Now since we can assist with only one issue / question per thread I have moved your other question to a new thread here: http://www.jotform.com/answers/731558 where we will reply back to you shortly.

    I have done the same for your issue with the scrolling that happens when you click on submit button. Your thread for that can be found here: http://www.jotform.com/answers/731561

    Looking at your website, it seems that your website is not fully mobile responsive. Because of that the form is only taking part of your screen so the browser is trying to move the field to be shown properly each time and as such you can experience horizontal scrolling - which is the one that I presume you are experiencing.

    If I am correct, you will not have any issues when you view the form over direct link: https://form.jotform.com/53546384373159

    Do let us know how it goes.