form embed code won't scroll the form on mobile phone when tested

Forum|Forum|3 years ago
August 24, 2022
2 replies
691 views

I have a landing page, and injected embed code for a form.

On desktop, this works flawlessly. The form is long, requires some scrolling.

On mobile phone - no scrolling occurs. End-user would be stuck and only see the first two fields.

How should this issue be handled? - Would additional code get added to the embed code script itself, or directly to the landing page (e.g. - CSS applied near the area of where the embed code script is injected)?

Please advise. Thank you.

This topic has been closed for replies.

Correct answer r_tist

Pulling in the URL to the form via source did work after all. I needed to try some tests.

Nancy OShea

Community Expert

Which mobile phone model and browser/version are you using to test with?

This might work in Safari. I haven't tested it.

<div style="postion:abosolute; overflow: auto!important; -webkit-overflow-scrolling: touch!important;">
<iframe>Loading...</iframe>
</div>

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

Is <form> embedded inside an <iframe>?

Is <iframe> scrolling enabled (default) or disabled?

What height value is the <iframe>? Try changing value until you see a vertical scrollbar.

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe_frameborder_css

Nancy O'Shea— Product User & Community Expert

R

r_tistAuthor

Inspiring

The embed code for the form is a script. it opens and closes with script tags.

I will work at it and let you know if I get any results.

Nancy OShea

Community Expert

Contact whoever makes the script. Maybe they have a solution.

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded