tailwindcss
tailwindcss copied to clipboard
Align empty date/time inputs in Safari iOS
Safari adds display: inline-flex to date/time inputs, and this causes some alignment issues to empty dates:
Issue demo: https://play.tailwindcss.com/5LRvozLfrJ
By setting the display to display: inline-block (like the other browsers), and changing the vertical alignment of a pseudo element, the alignment is fixed again:
Fix demo: https://play.tailwindcss.com/5juwgUQI6s