Embedded form is cut off at the bottom and not scrolling

Hello,

I am having an issue with a form viewing properly in webflow.

I have the window that the form is using set to scroll but it doesnt scroll all the way down to the bottom. I have images below showing where it stops.

But I can tab through it to get to the bottom. I have tried this on multiple browsers and get the same issue.

Yesterday I was able to scroll the form but it kept scrolling past the form and then kept scrolling into a white area. which was a very long area.

This morning I went into jot form and deleted a heading on my form and went back to my page and the form scrolled just fine to the bottom of the form and back up. I made a change to some text in webflow and the form stopped working. I am supposed to launch this website live tomorrow and this form is an issue.

I have provided a link to the site. The form in question linked under the get help online at the very time.

https://hays-and-sons.webflow.io/

Because this form is specific to a city location and will change depending on what city you are calling from we are running the form through GeoTargetly then to webflow.

So the Iframe is copied to Geotargetly platform and their code is copied into webflow embed code.

I appreciate any help you can give.

Hi One_Point_marketing,

Thanks for reaching out to Jotform Support.

In taking a look at your embedded form, it seems that the script the controls the height may be having conflicts with your websites JavaScript. One way you can get around the script to change the height is to change the height in the iframe code.

<iframe id="JotFormIFrame-221636663692160" title="Get Help Online | Indianapolis" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/221636663692160" frameborder="0" style="min-width: 100%;height:539px;border:none;min-height: 1050px;" scrolling="no"></iframe>

Try embedding this iframe code instead which adds a min-height: 1050px; to the iframe.

After doing that I was able to scroll and could see the submit button.



Give this a try and let us know if you have any other questions.