Independent Publisher 2: Form block fields issues in safari

marutim commented 3 years ago

Steps to replicate

Create a form using the form block.
Open it on the front page in the Safari browser and type in the fields, you will not see the text. This issue can only be replicated with the Safari browser

Issue with the Safari browser:

The form fields working as intended in the Firefox browser:

Result

The text can is not visible but the contact form can be submitted and everything else functions as intended.

The temporary workaround is to use the following custom CSS but this does not help with sites with Personal plan or Free plan.

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"] {
    height: 2em;
}

Expected

The form fields should display content well in all browsers including Safari

User report: [29868273-hc]
Follow-up ticket: [4055650-zen]

adelineyaw commented 3 years ago

Another user report: 30396473-hc / 4104970-zen - I want to add for this case, the issue can also be replicated on an iPhone as seen here: Image from iOS