▼
Streaming live at 10am (PST)

Cursor jumps around in modal form on iOS 11 ->

#1

Hi,
I have a website with courses which you can sign up. We now have students who cant use the form from what I think is iPhones. I’ve tested on my Samsung Note 8 with no problem. But students have told us it doesnt work, Ive also checked my self from an iPhone (7) and when you try to pick a field to write in the prompt just jumps randomly over the page.

If you click on “Anmäl dig” anywhere on this page: http://www.starkyoga.se/courses-ljusdal/yoga-i-hudiksvall on an iphone you will see the problem.

Here is my site Read-Only: https://preview.webflow.com/preview/stark-yoga?preview=69461eadfbb6c7720351f6ba804da57e

#2

Hi @Johan_S_Lundback,

It looks like there might be a bug with some iOS versions where input into form elements placed in a modal window, has this “jumping” around behavor.

I have further found a possible custom code workaround, see here: https://stackoverflow.com/questions/46339063/ios-11-safari-bootstrap-modal-text-area-outside-of-cursor

The iOS bug is reported here: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8

As soon as I have more info, I will post back here.

Thanks in advance.

#3

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