Open MartijnCuppens opened 1 week ago
Safari adds display: inline-flex to date/time inputs, and this causes some alignment issues to empty dates:
display: inline-flex
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:
display: inline-block
Fix demo: https://play.tailwindcss.com/5juwgUQI6s
Safari adds
display: inline-flexto 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