input[type="date"] related placeholder missing on Mobile Browser

tailwindlabs / tailwindcss-forms

A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.

https://tailwindcss-forms.vercel.app

MIT License

4.24k stars 224 forks source link

input[type="date"] related placeholder missing on Mobile Browser #85

Closed zernonia closed 3 years ago

zernonia commented 3 years ago

What version of @tailwindcss/forms are you using?

v0.3.4 (maybe)

What version of Node.js are you using?

What browser are you using?

Chrome (Mobile)

What operating system are you using?

Reproduction repository

Describe your issue

The placeholder of input[type="date"] and related input is missing on Tailwind-form website

Image showing that it works on PC responsive view, displaying "dd/mm/yyyy" date placeholder correct

But it is missing in Chrome mobile date placeholder missing

adamwathan commented 3 years ago

Hey! We don’t actually add the placeholder that’s just something the browser does. My guess is Chrome on Android doesn’t render it ever — can you check what it looks like by default without using Tailwind at all?

adamwathan commented 3 years ago

Tested on a Pixel 5 and confirmed, Chrome on Android just doesn't show that native placeholder, just how they've decided to do it. Going to close since not in scope for us, thanks though.