Form issues mobile devices

Community resources Bugs
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)

46
46576×1024 52.8 KB

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

html - iOS 11 Safari bootstrap modal text area outside of cursor - Stack Overflow

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

2 Likes
5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.