13073 2007-03-14 12:17:57 -0700 XHTML: CSS width of 100% on <input type="text"> tag renders wider than it should 2007-03-14 17:40:45 -0700 1 1 1 Unclassified WebKit CSS 420+ Mac (PowerPC) OS X 10.4 RESOLVED WONTFIX http://www.slvdweller.com P2 Major --- 0 rael webkit-unassigned mitz oldest_to_newest 18907 0 rael 2007-03-14 12:17:57 -0700 Visit http://www.slvdweller.com and notice the "Quicksearch" field in the left-hand column of the main content area (near the top of the white content area). The input field is an <input type="text"> field, and its width goes all the way to the right edge of the column, but it should only go to the edge where the padding begins. The CSS file styles this xhtml element as follows: input {width:100%;} This page is served as application/xhtml+xml, so the XHTML CSS rules would apply. Safari 2.0.4 (419.3) renders the input box properly, as does Opera 9.10. 18908 1 rael 2007-03-14 12:18:40 -0700 The bug appears on the nightly build dated 2007-03-14. 18927 2 rael 2007-03-14 17:21:36 -0700 You can see the same results in a much smaller XHTML file: http://www.slvdweller.com/uploads/input_test.xhtml 18928 3 rael 2007-03-14 17:38:05 -0700 Even with no external stylesheet: http://www.slvdweller.com/uploads/input_test2.xhtml 18929 4 hyatt 2007-03-14 17:38:40 -0700 This rendering is correct. In strict mode, WinIE7, Firefox and Safari nightlies all exclude border and padding on the textfield from the width. (In CSS terms, inputs use box-sizing: content-box in strict mode and box-sizing: border-box in quirks mode.) 18825 5 hyatt 2007-03-14 17:40:45 -0700 Safari nightlies now treat the border/padding within Aqua textfields as real CSS border/padding. You can add box-sizing: border-box if you want to preserve the old behavior. Similarly in Firefox you can use -moz-box-sizing.