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.


  • Profile Image

    Form's iframe height is constantly recalculated

    Asked by Tyler Mumford on October 14, 2016 at 01:06 PM

    In Safari for iOS 10, the form on our page constantly recalculates its iframe height, causing the bottom of the page to jiggle up and down. It has happened on multiple iPhones. It does not happen on iOS 9. It does not happen on other form pages on our site (such as https://www.suu.edu/testing-center/testing-intake.html).

    I connected Safari for Mac to my iPhone so I could try to debug the issue. As far as I can tell, it comes down to the condition check `window.parent != window` on line 3608 of jotform.forms.js (the `iframeHeightCaller` function). This condition shows that `window.parent` IS equal to `window` when the issue is expressed. I have no idea why this happens.

    Please look into this and let me know if I can help debug this further.

    Thank you,

    Tyler Mumford
    Southern Utah University

    Page URL:
    http://suu.edu/graduatestudies/contact.html

    form height embedded form
  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 14, 2016 at 03:47 PM

    Hello Tyler,

    I would suggest you to please embed your form using its iframe embed code excluding the script portion of iframe code. Please use the following iFrame embed code and see if that solves your problem: 

     <iframe id="JotFormIFrame-62356018251147" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/62356018251147" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by webstudent_suu on November 04, 2016 at 01:24 PM

    While that solution fixes the recalculating and jiggling, the form is now cut off. See https://www.suu.edu/graduatestudies/contact-test.html, and the screenshot below.

     

     

  • Profile Image
    JotForm Support

    Answered by Mike on November 04, 2016 at 04:03 PM

    When you use the iFrame code without the script part, you can adjust the iFrame's height manually.

    <iframe id="JotFormIFrame-62356018251147" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/62356018251147" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    If the standard Embed code is affected by jiggling issue too, you may also try a form source code.