From: Volker E <volker.e@wikimedia.org>
Date: Sun, 10 Apr 2016 02:18:49 +0000 (-0700)
Subject: Normalize `input[type="search"]`
X-Git-Tag: 1.31.0-rc.0~7328^2
X-Git-Url: https://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/banques/ajouter.php?a=commitdiff_plain;h=436cdf92c725361c4930a9e148ea37c2da61d2d6;p=lhc%2Fweb%2Fwiklou.git

Normalize `input[type="search"]`

Limiting property `-webkit-appearance` to `input[type="search"]` only,
as it's the element this rule is targeting for instead of unnecessarily
applying it to all `.mw-ui-input` elements. Also adding rule to
remove proprietary IE 10-11 clear button. Bringing it on
par with OOjs UI.

Change-Id: Id375fdb86bf7ef3cfbb2f7e198d59be4947e4edb
---

diff --git a/resources/src/mediawiki.ui/components/inputs.less b/resources/src/mediawiki.ui/components/inputs.less
index d0633aef68..579bd5f9f0 100644
--- a/resources/src/mediawiki.ui/components/inputs.less
+++ b/resources/src/mediawiki.ui/components/inputs.less
@@ -27,8 +27,6 @@
 //
 // Styleguide 1.1.
 .mw-ui-input {
-	// turn off default input styling for input[type="search"] fields
-	-webkit-appearance: none;
 	.box-sizing( border-box );
 	display: block;
 	width: 100%;
@@ -74,6 +72,23 @@
 		border-color: @colorGray14;
 		color: @colorGray12;
 	}
+
+	// Normalize styling for `<input type="search">`
+	&[type="search"] {
+		// Correct the odd appearance in Chrome and Safari 5
+		-webkit-appearance: textfield;
+
+		// Remove proprietary clear button in IE 10-11
+		&::-ms-clear {
+			display: none;
+		}
+
+		// Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X
+		&::-webkit-search-cancel-button,
+		&::-webkit-search-decoration {
+	 		-webkit-appearance: none;
+		}
+	}
 }
 
 textarea.mw-ui-input {