Prevent extraneous whitespace around date time inputs in Webkit

Closes twbs#34433
Koalephant · Oct 21, 2022 · aeb24ab · aeb24ab
1 parent 39bbca5
commit aeb24ab
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
@@ -52,6 +52,13 @@
     height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
   }
 
+  // Prevent excessive date input height in Webkit
+  // https://github.com/twbs/bootstrap/issues/34433
+  &::-webkit-datetime-edit {
+    display: block;
+    padding: 0;
+  }
+
   // Placeholder
   &::placeholder {
     color: $input-placeholder-color;