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.
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.
This gif was made in Safari.
Hope it helps.
Fixed it, problem was the padding and text size, Thanks.
i fix with this style for input text into css:
fill:#000 /* color font */
padding: 0;
font-family: arial /* or safe fonts, some webfonts don't work fine */```