Prevent extraneous whitespace around date time inputs in Webkit (#37350)

* Prevent extraneous whitespace around date time inputs in Webkit Closes #34433 * Updated bundlewatch config
twbs · Oct 30, 2022 · 4b54d22 · 4b54d22
1 parent 8fd4c3e
commit 4b54d22
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;