Wishbox broken on mobile devices due to zooming

  • Profile Image
    Tsaukpaetra
    Asked on November 28, 2013 at 01:13 PM

    The display breaks using a mobile device on a page that uses the Wishbox form. This is caused when the browser zooms in when entering one of the text fields on the form. The display zooms, and the form attempts to adjust, but it can't do it properly (probably the canvas doesn't resize and move out of the way like it should.

    I think this is a layout issue. Since the form attempts to maintain a certain size and location on the page relative to the viewable window position, it won't allow proper focus to the input fields.

    You can see it happen on the demo page as well as my page. http://jotform.com/wishbox

    This happens even on non-mobile browsers that open the form, and then resize the browser window smaller.

  • Profile Image
    Welvin
    Answered on November 28, 2013 at 01:56 PM

    Hi,

    Simply Add this Meta Data to your webpage. Add this inside your head tags:

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

    <meta name="viewport" content="width=device-width" />

    This should disable zooming on your webpage specially when typing to the wishbox fields. Please update us for the results.

    Thanks

  • Profile Image
    Tsaukpaetra
    Answered on November 28, 2013 at 07:10 PM

    It does seem to work as far as zooming is concerned. The form still doesn't scroll properly though, for instance I can't click the orange Submit button here, since I can't scroll the form.

    Screenshot

  • Profile Image
    Cesar
    Answered on November 29, 2013 at 12:26 AM

    I have been able to replicate the problem you describe, both on a desktop browser resizing the window, and on an Android device. Due to this, I will go ahead and setup a ticket describing the matter, so that the Development Team can evaluate the proper steps to take

    Once we have an update from the development tool. We will let you know through this thread. Thank you.