Skip to content

Commit b98365b

Browse files
committed
Work around iOS Safari date input size bug
1 parent 5ec0726 commit b98365b

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/index.js

+7
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,13 @@ const forms = plugin(function ({ addBase, theme }) {
5656
padding: '0',
5757
},
5858

59+
// Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
60+
// This sucks because users can't change line-height with a utility on date inputs now.
61+
// Reference: https://github.com/twbs/bootstrap/pull/31993
62+
'::-webkit-date-and-time-value': {
63+
'min-height': '1.5em',
64+
},
65+
5966
select: {
6067
'background-image': `url(${svgToDataUri(
6168
`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="${theme(

0 commit comments

Comments
 (0)