From 8de448b8efdebdf49e1cabaa8dbf052c8b16eeaf Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Fri, 27 Jul 2018 22:09:55 +0200
Subject: [PATCH] fix(form-field): reset inputs not being reset on safari

Fixes Safari's custom styling for `input[type='search']` not being reset inside of form fields.

Fixes #12408.
---
 src/lib/input/input.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/lib/input/input.scss b/src/lib/input/input.scss
index f18496a15066..87d6581753f6 100644
--- a/src/lib/input/input.scss
+++ b/src/lib/input/input.scss
@@ -43,6 +43,15 @@
     display: none;
   }
 
+  // Clear Safari's decorations for search fields.
+  &,
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-decoration,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
   // Also clear Safari's autofill icons. Note that this can't be in the
   // same selector as the IE ones, otherwise Safari will ignore it.
   &::-webkit-contacts-auto-fill-button,