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;