Site URL: http://www.kirkwindows.com/projul-test
I'm putting a third party form on my website. They gave me a code to be used with the custom code block. Everything is working fine except the form is adding scroll bars but there is plenty of available height on the page to accommodate displaying the form in it's entirety. I'm in discussions with the third party developer as I think the issue is on their end of things but figured I'd ask here as well in case it's not on their end.
Here's the code they gave me:
<div id="load-validator-content"></div>
<script id="script_lead_import" data-url="https://prj-prd-wus2-xxwa-xformapp-01.azurewebsites.net/LeadGen/index?" src="https://prj-prd-wus2-xxwa-xformapp-01.azurewebsites.net/js/validator.js?email=on&street=on&city=on&state=on&zip=on&country=on&budget=on&comment=on&email_hidden=off&street_hidden=off&city_hidden=off&state_hidden=off&zip_hidden=off&country_hidden=off&budget_hidden=off&comment_hidden=off&hear_from=off&hear_from_hidden=off&attach_photos_hidden=off"></script>
<script type="text/javascript">
manageLeadImportScripts();
</script>
<div>---</div>
I noticed that the scrolling section happens before the final "<div>---</div>" and have tried various things such as defining a height that is far beyond what's necessary, adding "position:fixed; overflow:fixed" , "height="100%" , height ="100vh" and nothing I've tried has worked so far. Here is a screen recording to show what I'm talking about: http://reid.io/eOwGua