Remove box-sizing for input[type="search"]

patrickhlauke · necolas · commit fe567632afcf · 2016-01-21T13:48:50.000-08:00
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
diff --git 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
@@ -429,12 +429,6 @@ <h3 class="Test-it">should be styleable</h3>
   <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">

Original file line number	Diff line number	Diff line change
`@@ -348,13 +348,11 @@ input[type="number"]::-webkit-outer-spin-button {`
`348`	`348`	`}`
`349`	`349`
`350`	`350`	`/**`
`351`		- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
`352`		- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
	`351`	+ * Address `appearance` set to `searchfield` in Safari and Chrome.
`353`	`352`	`*/`
`354`	`353`
`355`	`354`	`input[type="search"] {`
`356`		`- -webkit-appearance: textfield; /* 1 */`
`357`		`- box-sizing: content-box; /* 2 */`
	`355`	`+ -webkit-appearance: textfield;`
`358`	`356`	`}`
`359`	`357`
`360`	`358`	`/**`