Captcha field not responsive on iPhone

  • Profile Image
    input
    Asked on January 11, 2018 at 12:36 PM

    If a Captcha is set to label left and the field not shrunk, it is impossible for an iPhone user to get to this field to complete it as it is not visible and cannot be scrolled across to get to it. On Android the user can scroll across and on a desktop it is visible. This is not reflected on the Preview because there it appears to be responsive so gives a false confidence that it is working.

    If the field is shrunk then although it is not visible on the screen, the user can scroll across to complete it but generally does not know that it is there.

    The answer is for the label to be at the top.


  • Profile Image
    Kevin_G
    Answered on January 11, 2018 at 01:59 PM

    Are you using the Google reCaptcha widget or the normal captcha field? 

    Please provide us the form you're working on so we can further investigate the issue on our end. 

    We will wait for your response. 

  • Profile Image
    input
    Answered on January 11, 2018 at 02:16 PM

    Normal Captcha. I have changed the form to have the label on top and cannot change it back as it is live.

    You could easily replicate this. Just create a form with the Captcha and place the label on the left and do not shrink the field. Then view it on an iPhone 6 in portrait mode - that is what we tested it on.

  • Profile Image
    Kevin_G
    Answered on January 11, 2018 at 02:48 PM

    Thank you for the details, I have been testing the form as you instructed and I can see the captcha shows, here are some screenshots: 

    15156998952.png

    This is how the captcha field shows up on an iPhone 6 emulator that I have tested: 

    15156999621.png

    The label should be automatically adjusted to display on the top if the screen size is not enough to display both elements inline. 

    Here's my testing form: https://form.jotform.com/80105913831955 

    May you please share some screenshots about how it displays on your end?