Fixed input fields placeholders not vertically centered in Safari (#3809

)

* Fixed safari placeholder bug

* Adding CL

Co-authored-by: Chandler Prall <chandler.prall@gmail.com>

CHANGELOG.md

@@ -1,6 +1,8 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
+
+**Bug fixes**
 
-No public interface changes since `27.3.0`.
+- Fixed bug in all input fields placeholders in Safari that weren't vertically centered ([#3809](https://github.com/elastic/eui/pull/3809))
 
 ## [`27.3.0`](https://github.com/elastic/eui/tree/v27.3.0)
 

src/global_styling/mixins/_form.scss

@@ -68,9 +68,12 @@
 @mixin euiFormControlText {
   @include euiFont;
   font-size: $euiFontSizeS;
-  line-height: 1em; // fixes text alignment in IE
   color: $euiTextColor;
 
+  @include internetExplorerOnly {
+    line-height: 1em; // fixes text alignment in IE
+  }
+
   // sass-lint:disable-block mixins-before-declarations
   @include euiPlaceholderPerBrowser {
     color: $euiColorDarkShade;