[EuiTextArea] Fix extra 2-3px of height caused by `display: inline-bl…

…ock`
elastic · Mar 21, 2024 · 2de256d · 2de256d
1 parent 14a1759
commit 2de256d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/form/text_area/_text_area.scss b/src/components/form/text_area/_text_area.scss
@@ -2,6 +2,11 @@
   @include euiFormControlStyle;
   line-height: $euiLineHeight; // give more spacing between multiple lines
 
+  // <textarea>s default to `inline-block`, which causes an extra 2-3px of
+  // unnecessary height within its parent `block` form control wrapper.
+  // @see https://stackoverflow.com/a/27536461/4294462
+  display: block;
+
   // Textareas have their own sizing
   &,
   &--compressed {