Embedded form is cut off at the bottom and not scrolling

  • Phoenix_Innovate
    Asked on July 28, 2022 at 11:35 AM

    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.

    1659019450 62e2a0ba421bc Screenshot 101659019407 62e2a08f8bb77 Screenshot 21


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

    1659019501 62e2a0ed79259 Screenshot 32

    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/

    1659019175 62e29fa78e5a4 Screenshot 43


    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.


    Jotform Thread 4214358 Screenshot
    Page URL: https://hays-and-sons.webflow.io/
  • Parker Enterprise Support
    Replied on July 28, 2022 at 12:27 PM

    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://formjotform.pro-bark.biz/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.

    1659025438 62e2b81ed18fc Screenshot 10

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