Can not type in registration fields on iphone

Hi Chris,

Thanks for getting in touch. I am able to repeat this issue on your site with IOS, however I am unable to repeat this issue on my test site on IOS. This is a very strange one and I am not fully sure how to resolve this. The input fields of the form use standard form inputs, nothing too fancy going on. The only thing I think it could be is some kind of styling or javascript on your site doing something. If you have already disabled other plugins I recommend trying out the default twenty sixteen theme and see if this theme resolves the issue.

I can absolutely guarantee though there’s nothing in the plugin which targets mobile styling or anything like that, so if it works on a desktop it should work on mobile – and I can see your site works fine on a desktop. What you can also try is creating a test post or page with the following HTML:

<input class=”gotowebinar-question” id=”56390402″ name=”56390402″ type=”text” maxlength=”128″>

and then visit this in IOS and see if you can input text into this field. Because the above code is the same kind of code used to generate the registration form.

Thanks,

Also, I may be barking up the wrong tree here but I also see you have some styling on your form:

* input, textarea {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
This is what might be causing the issue. This styling isn’t being produced by the plugin. Maybe if you add some CSS styling to your theme like below, this may fix it:

input, textarea {
-webkit-touch-callout: auto !important;
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

Or you could also try:

input, textarea {
-webkit-touch-callout: text !important;
-webkit-user-select: text !important;
-khtml-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}

I don’t have too much knowledge in CSS around this particular function, but it may work for you.

Your custom CSS did the trick – looks like it was a theme styling issue.

input, textarea {
-webkit-touch-callout: auto !important;
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

Thanks so much!

Awesome, great to hear ??