From fe567632afcf8afcf17925ab2a507ed87504cce8 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Wed, 6 Jan 2016 10:11:41 +0000
Subject: [PATCH] Remove box-sizing for input[type="search"]

This normalizes the CSS to what the suggested default browser CSS should
be, which is now implemented in IE11, Edge, Blink, WebKit and Gecko (for
the latter, see https://www.w3.org/Bugs/Public/show_bug.cgi?id=28784)

References twbs/bootstrap#17379

Closes #471
---
 normalize.css | 6 ++----
 test.html     | 6 ------
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/normalize.css b/normalize.css
index 6af74ad..74052f4 100644
--- a/normalize.css
+++ b/normalize.css
@@ -348,13 +348,11 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 /**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ * Address `appearance` set to `searchfield` in Safari and Chrome.
  */
 
 input[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  box-sizing: content-box; /* 2 */
+  -webkit-appearance: textfield;
 }
 
 /**
diff --git a/test.html b/test.html
index e0e96e1..c33eff1 100644
--- a/test.html
+++ b/test.html
@@ -429,12 +429,6 @@
   <div class="Test-run">
     <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
   </div>
-  <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
-  <div class="Test-run">
-    <div style="background:red; display:inline-block; height:62px; width:242px;">
-      <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
-    </div>
-  </div>
   <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
   <div class="Test-run">
     <input type="search" value="search">