This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 18801 - Many inputs need to have border-box sizing in standards mode
Summary: Many inputs need to have border-box sizing in standards mode
Status: RESOLVED FIXED
Alias: None
Product: WHATWG
Classification: Unclassified
Component: HTML (show other bugs)
Version: unspecified
Hardware: Other other
: P3 normal
Target Milestone: Unsorted
Assignee: Ian 'Hixie' Hickson
QA Contact: contributor
URL: http://www.whatwg.org/specs/web-apps/...
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-09-07 14:40 UTC by contributor
Modified: 2013-02-06 23:06 UTC (History)
4 users (show)

See Also:


Attachments

Description contributor 2012-09-07 14:40:59 UTC
Specification: http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html
Multipage: http://www.whatwg.org/C#form-controls
Complete: http://www.whatwg.org/c#form-controls

Comment:
Many inputs need to have border-box sizing in standards mode

Posted from: 173.48.30.113 by bzbarsky@mit.edu
User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:18.0) Gecko/18.0 Firefox/18.0
Comment 1 Boris Zbarsky 2012-09-07 14:43:07 UTC
For example, Gecko applies "box-sizing: border-box" to the following form controls in standards mode:

 select,
 input[type="radio"],
 input[type="checkbox"],
 button,
 input[type="reset"],
 input[type="button"],
 input[type="submit"]

I'mm 99% certain it's required for web compat on the buttons.  I'm 50+% certain it's required for web compat on the other ones.
Comment 2 Ian 'Hixie' Hickson 2012-11-22 22:44:24 UTC
bz: And in quirks mode it applies to all input elements, right? Regardless of type?
Comment 3 contributor 2012-11-22 22:46:49 UTC
Checked in as WHATWG revision r7526.
Check-in comment: controls with box-sizing: border-box in standards mode
http://html5.org/tools/web-apps-tracker?from=7525&to=7526
Comment 4 Simon Pieters 2012-11-23 09:57:10 UTC
http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=1923
http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=1924

It seems that type=image should not have border-box in quirks mode.
Comment 5 Boris Zbarsky 2012-11-26 04:47:55 UTC
In quirks mode, Gecko has:

228 input:not([type=image]), textarea {
229   -moz-box-sizing: border-box;
230 }
Comment 6 contributor 2013-02-06 23:06:29 UTC
Checked in as WHATWG revision r7700.
Check-in comment: Match reality.
http://html5.org/tools/web-apps-tracker?from=7699&to=7700