Streaming live at 10am (PST)

Input field placeholder not showing on iPhone


#1

I have an HTML form embedded on a modal with webflow.
The form is showing fine on android:


The form is also working on it’s own outside of webflow:


But the Input field placeholders not showing on iPhones:


What is causing this? Can anyone point me in the right direction.


Read-Only Link
Published site
The embedded form’s HTML


#2

Hi John, I got your email.

Your input field has a class named text-field 4. Drag the form component in and add the the class to the input field. Now check how it behaves on mobile in the designer, change the css.

CloudApp

This gif was made in Safari.

Hope it helps.


#3

Fixed it, problem was the padding and text size, Thanks.