Embedded form using the default method has scroll bars.

I've not messed with any code on my website in the past few days... but I noticed today that a couple of forms embedded on my site that were working just fine last week now have issues with scroll bars.  Has something changed? Why do the embedded forms now have scrollbars when they were working just fine as late as last week?

---Encounter Form---

Embedded Form: https://ovu.edu/admissions/campus-encounter.html

Jotform Direct Link: https://form.jotform.com/52155240410945

---Campus Visit Form---

Embedded Form: https://ovu.edu/admissions/visit-campus.html

Jotform Direct Link: https://form.jotform.com/52775527289975

---Kickstart Form*---

Embedded Form: https://ovu.edu/admissions/kickstart-registration.html

Jotform Direct Link: https://form.jotform.com/60605663086962

These forms have vertical and horizontal scrollbars which is unusual.*  They are all based on similar builds and have similar functionality because of that, but again, there were no problems with embedding these forms as of last week. Each form is currently embedded in a page within a specific column, which seems to be part of the issue... as forms embedded on open pages don't have this issue.  Again though, this wasn't a problem on any of my forms as of last week... now all of the sudden it is.

*NOTE: The Kickstart form only has a horizontal scrollbar in initial view, however there are dynamic fields (ie, choosing "resident" instead of "commuter") that when activated add a vertical scroll.

Can you please try re-embedding your form? It looks like the div of the page were you have embedded the code is generating the scroll bars.

I have tried to re-embed... I still have the scroll bars. The part that I don't understand is the code on both sides has been fine and working for awhile and now today something is different. No scroll bars 1-2 weeks ago...

I found a work-around for now... changing the "form-all" class to "width: 99%;" in the CSS eliminated the scroll bars.  However, this isn't a solution to the underlying problem of how/why did this happen in the first place. The code on both sides was fine before. What has changed that would cause this? The form itself is mobile friendly so if the screen size shrinks, the form will shrink width with it, so the div on my site shouldn't be the issue.

Wait-a-minute... I may have found the culprit...

When I look at the form css, I see this:

.supernova .form-all, .form-all {
  border: 1px solid transparent;
}

I did not add this 1px solid transparent border... but when I eliminate it, the problem is solved without changing my width to 99%. So... any idea why this transparent border is in the code? Has that always been there? I would assume not since this wasn't an issue before and it is now... but maybe there is an underlying code issue beyond just this...

Thank you for the update. 

I have checked and noticed you have added some CSS code to remove this from your form, but as you say this affects to other forms as well so it would not be good to update each form to fix the issue. 

I will report this to our second level and let our developers know about it, we will update you as soon as possible via this thread. 

Looks like someone removed "scrolling='no'" from the iframe code in the javascript version of the embedded form.

I have the same issue in my forms, so following... to see when an update comes through for this issue.

@magabriel - You should also get an update from this thread now that you replied to it. But if you need us to take a look at your case separately, feel free to create your own thread so we can check.

Hey OVUForms,

This is fixed now. One of the commits that were made by our developers did cause this and so the commit is now reverted.

Let us know if you are still having issues,

Cheers.

This has done the trick!  Thanks!!!