tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

Align empty date/time inputs in Safari iOS

Open MartijnCuppens opened this issue 1 year ago • 0 comments

Safari adds display: inline-flex to date/time inputs, and this causes some alignment issues to empty dates:

image

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:

image

Fix demo: https://play.tailwindcss.com/5juwgUQI6s

MartijnCuppens avatar Nov 12 '24 14:11 MartijnCuppens