Embedded form is getting cut off when viewed on Chrome

  • sammafbi
    Asked on February 23, 2016 at 1:38 PM

    People have been using our webform, and I know because I get the notifications from form submissions in my inbox. However, we've had at least a couple of complaints about "not being able to fill out the form".

    Yes... very vague.

    But I played around with browsers, window sizes, etc. and found that in Chrome, only part of the form will show, obscuring the last two fields and the submit button, and it makes me wonder if anyone else could be seeing the same thing.

    Has anyone else run across this before? How would I go about fixing it?

    Thanks in advance.

  • Boris
    Replied on February 23, 2016 at 4:29 PM

    I have checked your website in chrome, and I too can see the form getting cut off there. I see that the form correctly tries to set its own height to 800 pixels (marked with 1 in the image), but its height remains incorrectly set to only 618 pixels (marked with 2 in the image):

    Embedded form is getting cut off when viewed on Chrome Image 1 Screenshot 30

    In Firefox, however, all works fine:

    Embedded form is getting cut off when viewed on Chrome Image 2 Screenshot 41

    There may be a scripting conflict causing it, in which case we recommend embedding your form with our iFrame embed method instead.

    If you wish to keep your currently embedded form as it is, you can also try and fix the issue by adding the following CSS directly to your website (not the form), which will force the container of this form to always have at least 800 pixels of vertical height available on your website:

    iframe[id="51025752500140"] { min-height: 800px; }

    Please let us know how it goes.