Why embedded form is cutting off at the bottom in Safari?

  • Profile Image
    JulieLabrosse
    Asked on May 18, 2016 at 02:35 PM

    Hi I have a problem with my form 

    Tim Hortons form 

     

    It cuts and the button when I want to pay 

    So it works not ok in Safari 

    What can I do ? 

     

     

  • Profile Image
    Kevin_G
    Answered on May 18, 2016 at 04:28 PM

    I have checked your form and I was able to see the same, but it seems to be happening only when you load the form using Safari, if you load the form using Google Chrome the height seems to be set properly, I would suggest you to get the iFrame code of your form again and remove the Javascript part, embedding only the iFrame code, this Javascript code sets the height dynamically, but this will be resolved by setting the height fixed, so the final code should look like this one: 

    <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/FormID"

          frameborder="0"

          style="width:100%;

          height:1530px;

          border:none;"

          scrolling="no">

        </iframe>

    **Do note this is a sample code, you will need to make the change in the code given by the publish wizard, do not embed this code. 

    Once you embed the form using the code with the fixed height then it should display properly in all web browsers, here is a sample when I did this test using Safari: 

    Do let us know if it worked.