Hello everyone,
I have embed a form on a weblfow page so that candidates can apply directly through my website.
The form has around 30 questions so it is pretty long.
Everything works pretty well on desktop but on mobile, the form gets blocked while im scrolling as I feel like the Airtable embed scroll takes over the webflow page general scroll.
It is only on mobile and i don't know how to solve that. I changed my embed height so it takes the whole form but i still have an issue with scrolling.
Here is my the link to the website : https://www.spacegreen.co/apply
It works well on desktop but if you try on mobile, you can scroll the beginning of the page but as you get through the form, the scrolling gets locked with no way to scroll past upwards on downwards. The only solution to bypass that is to go scroll really fast to the bottom of the page so the embed scroll does not take the priority over the page scroll. Any idea how to solve that ?
Here is my embed code : <iframe class="airtable-embed" src="https://airtable.com/embed/app2uWEXhu7J1OBHM/pagNoH13JwSr4GGbq/form" frameborder="0" onmousewheel="" width="100%" height="100%" style="background: transparent; border: 0px solid #ccc;"></iframe>