Form issues mobile devices

Philipp_Klaus · 2018-02-01 11:57:59 UTC

Hi all,

i have a very specific topic. I created a full-screen overlay which contains a form. Everything works fine on the web. On mobile, i have the issue that when i start to type in the form the cursors (flashing things jump´s down a couple of pixels --> See screenshot)

I tried everything but am not able to figure the issue out. You can open the overlay and access the form by clicking on the menu and press “Contact Us”.

Thanks in advance for any advice.

Here is my site Read-Only: LINK

samliew · 2018-02-01 22:59:19 UTC

Known issue with safari, but apple won’t fix. See

samliew · 2018-02-01 23:01:17 UTC

Possible workaround here

https://stackoverflow.com/q/46339063/584192

evekayser · 2018-05-31 13:15:10 UTC

Hi! I’ve found a solution.

Create a tranparent modal section with FORM and set position absolute.
Create a background modal section with color opacity and set position fixed.
Create a button with an interaction to show when clicked this 2 elements.
Set an anchor link on button to the transparent modal section with form

You can see here:

https://preview.webflow.com/preview/ios-mobile-field-issue?preview=c1fc81541b4d66edd69aa786e4d7878e