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

  • 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 Screenshot 10 


    Many thanks,

    Jade Stein. 

    Jotform Thread 1802483 Screenshot
    Page URL: https://www.johnbyrneaward.org.uk/enter-now-1
  • stevenmarshall
    Replied on April 24, 2019 at 2: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.

  • JadeStein
    Replied on April 29, 2019 at 8: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.

  • Richie JotForm Support
    Replied 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.

    Why Is my Form getting cutting off in Google Chrome? Image 1 Screenshot 20

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

    Looking forward for your response.


  • David JotForm Support
    Replied 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"
          onDISABLEDload="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.