Why Is my Form getting 'cutting off' in Google Chrome?

  • Profile Image
    JadeStein
    Asked on April 24, 2019 at 11:48 AM

    Hi there,

    My form, "ENTER NOW 2019-2020" is cutting off when viewed in Google Chrome, (Squarespace website). It will only fully load when refreshed. (It's fine in Firefox - have not tested other browsers).

    Having read other users comments with similar problems, I checked the IFrame code - the correct code embed is in the site.

    Any help/ fix you can offer would be greatly appreciated.

    Example image - 


    1556120752example.png 


    Many thanks,

    Jade Stein. 

  • Profile Image
    stevenmarshall
    Answered on April 24, 2019 at 02:28 PM

     Hi @JadeStein,

    I apologize for the inconvenience you are having.

    I tested your form by going to the website in Google Chrome version 73 and was not able to duplicate the issue.

    An option would be to adjust the height of the form itself in to see if that fixes the issue you are having.

  • Profile Image
    JadeStein
    Answered on April 29, 2019 at 08:54 AM

    Hi Steven,

    Thanks for your reply. I increased the height of the form and I am still seeing the same problem.

    What else could be done? 

    Thanks,

    Jade.

  • Profile Image
    Richie_P
    Answered on April 29, 2019 at 10:39 AM

    I have checked the embedded form in your web page but I can't seem to replicate the issue in Chrome.

    Here is a screenshot on how I view the form at my end.

    Can you please try clearing your browser's cache and let us know if the issue still remains?

    Looking forward for your response.


  • Profile Image
    david
    Answered on April 29, 2019 at 12:13 PM

    At the start of your iFrame code there is a height attribute and a scrolling attribute:

     <iframe
          id="JotFormIFrame-90524556063355"
          onload="window.parent.scrollTo(0,0)"
          allowtransparency="true"
          allowfullscreen="true"
          allow="geolocation; microphone; camera"
          src="https://form.jotformeu.com/90524556063355"
          frameborder="0"
          style="width: 1px;
          min-width: 100%;
          height:853px;
          border:none;"
          scrolling="no"
        >

    Try either increasing the height of the frame until the full form is shown or change scrolling from "no" to "yes" and the full form should be accessible.