Streaming live at 10am (PST)

Form issues mobile devices


#1

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


#2

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


#3

Possible workaround here

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


#4

Hi! I’ve found a solution.

  1. Create a tranparent modal section with FORM and set position absolute.
  2. Create a background modal section with color opacity and set position fixed.
  3. Create a button with an interaction to show when clicked this 2 elements.
  4. 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