What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Wishbox broken on mobile devices due to zoomingAsked by Tsaukpaetra 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.
Mobile JotForm size layout
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.
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.
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.