Text-box fields not working on mobile devices

  • soulsong
    Asked on March 30, 2015 at 8:07 AM

    Hi

    I have created a simple form which works perfectly on the computer: 

    http://form.jotformpro.com/form/50882940001953

    However when trying to fill the form in on a mobile device, the phone and email fields will not work.  They do not allow you to type anything in but come up with a field required message if you try and move on (which is what I want).  

    It is the same on an iPhone and a Galaxy S5.

    I have deleted the fields and replaced with blank text fields and new fields and none of them work.

    Help?

    Thanks

    Jacqueline

  • Carina
    Replied on March 30, 2015 at 11:32 AM

    I tested and could replicate the same situation:

     Text box fields not working on mobile devices Image 1 Screenshot 20

    I believe it is connected with the theme/styles associated with the form. I will perform further tests to try to correct the situation. I will contact you later with more results.

    Let us know if we can assist you further.  

  • Carina
    Replied on March 30, 2015 at 4:17 PM

    Please try adding this css code:

    @media screen and (max-width: 300px) {

    .form-input input[type="text"], .form-input input[type="email"], .form-input input[type="phone"], .form-input input[type="number"], .form-input input[type="tel"], .form-input-wide input[type="text"], .form-input-wide input[type="email"], .form-input-wide input[type="phone"], .form-input-wide input[type="number"], .form-input-wide input[type="tel"] {

            width: 180px !important;

    }

    From my tests it solved the situation.

    Text box fields not working on mobile devices Image 1 Screenshot 20

    Let us know if the problem persists.