From ea22d059f29a84d098fa582b875afbec433fc842 Mon Sep 17 00:00:00 2001
From: AronDemian <AronManning5@gmail.com>
Date: Tue, 10 Mar 2020 19:06:19 +0100
Subject: [PATCH] Fix iOS Safari searchbox appearance

Sets
* `-webkit-appearance: none;` for iOS and
* `-moz-appearance: textfield;` for Firefox that also applies
  `-webkit-appearance`.

Bug: T247299
Change-Id: Iefc77bba54b85442862176e1875974f19b64193b
---
 resources/skins.vector.styles/SearchBox.less | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/skins.vector.styles/SearchBox.less b/resources/skins.vector.styles/SearchBox.less
index d80946791..c425cdda7 100644
--- a/resources/skins.vector.styles/SearchBox.less
+++ b/resources/skins.vector.styles/SearchBox.less
@@ -49,9 +49,12 @@
 	font-size: @font-size-search-input;
 	direction: ltr;
 	.transition( ~'border-color 250ms, box-shadow 250ms' );
-	// Support: Webkit browsers. Undo the proprietary styles applied to `type=search` fields,
-	// we provide our own.
-	-webkit-appearance: textfield;
+
+	// Undo the proprietary styles, we provide our own.
+	// Support: Safari/iOS `none` needed, Chrome would accept `textfield` as well. See T247299.
+	-webkit-appearance: none;
+	// Support: Firefox.
+	-moz-appearance: textfield;
 
 	#simpleSearch:hover & {
 		border-color: @colorGray7;