20465 2012-12-20 17:35:16 +0000 input controls styling should apply box-sizing even in standards mode 2013-01-22 04:59:33 +0000 1 1 1 Unclassified HTML WG HTML5 spec unspecified All All RESOLVED WORKSFORME P3 normal --- 1 adrianba dave.null krisk mike public-html-admin public-html-wg-issue-tracking public-html-bugzilla oldest_to_newest 80447 0 1298 adrianba 2012-12-20 17:35:16 +0000 Created attachment 1298 Standards mode test case http://www.w3.org/TR/html5/rendering.html#form-controls Currently the spec says that the following style should only be applied in quirks mode: input { box-sizing: border-box; } It appears that many browsers apply this in standards mode too. IE10 follows the spec and only applies this in quirks mode but we've found a live site that depends on this in standards mode and has a workaround coded for IE. We propose that the spec should be updated to reflect what browsers do today and we intend to update IE's behaviour to match other browsers (i.e. apply this rule in both quirks and standards mode). Currently this is likely to block CR since there will not be two interoperable implementations. 80448 1 1299 adrianba 2012-12-20 17:35:48 +0000 Created attachment 1299 Quirks mode test case 81912 2 adrianba 2013-01-22 04:59:33 +0000 It turns out that we overlooked the text that scoped box-sizing:border-box to specific values of the "type" attribute when in standards mode, so the spec is correct. 1298 2012-12-20 17:35:16 +0000 2012-12-20 17:35:16 +0000 Standards mode test case input-style.htm text/html 777 adrianba PCFkb2N0eXBlIGh0bWw+DQo8IS0tIHNhdmVkIGZyb20gdXJsPSgwMDE0KWFib3V0OmludGVybmV0 IC0tPg0KPGh0bWw+DQo8aGVhZD4NCjx0aXRsZT5JbnB1dCBTdHlsZSAtIFN0YW5kYXJkczwvdGl0 bGU+DQo8L2hlYWQ+DQo8Ym9keT4NCgk8aW5wdXQgaWQ9ImMiIHR5cGU9ImNoZWNrYm94IiBzdHls ZT0id2lkdGg6IDIwcHg7IGJhY2tncm91bmQtY29sb3I6IGdyYXkiLz4NCgk8aW5wdXQgaWQ9InIi IHR5cGU9InJhZGlvIiBzdHlsZT0id2lkdGg6IDIwcHg7IGJhY2tncm91bmQtY29sb3I6IGdyYXki Lz4NCgk8ZGl2PmNvbXBhdE1vZGU6IDxzY3JpcHQ+ZG9jdW1lbnQud3JpdGUoZG9jdW1lbnQuY29t cGF0TW9kZSk8L3NjcmlwdD48L2Rpdj4NCgk8ZGl2PmNoZWNrYm94OiA8c2NyaXB0PnZhciBzYyA9 IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJjIikpOyBk b2N1bWVudC53cml0ZShzYy5nZXRQcm9wZXJ0eVZhbHVlKCJib3gtc2l6aW5nIikgfHwgc2MuZ2V0 UHJvcGVydHlWYWx1ZSgiLW1vei1ib3gtc2l6aW5nIikpOzwvc2NyaXB0PjwvZGl2Pg0KCTxkaXY+ Y2hlY2tib3g6IDxzY3JpcHQ+dmFyIHNyID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZG9jdW1l bnQuZ2V0RWxlbWVudEJ5SWQoInIiKSk7IGRvY3VtZW50LndyaXRlKHNyLmdldFByb3BlcnR5VmFs dWUoImJveC1zaXppbmciKSB8fCBzci5nZXRQcm9wZXJ0eVZhbHVlKCItbW96LWJveC1zaXppbmci KSk7PC9zY3JpcHQ+PC9kaXY+DQo8L2JvZHk+DQo8L2h0bWw+ 1299 2012-12-20 17:35:48 +0000 2012-12-20 17:35:48 +0000 Quirks mode test case input-style-quirks.htm text/html 757 adrianba PCEtLSBzYXZlZCBmcm9tIHVybD0oMDAxNClhYm91dDppbnRlcm5ldCAtLT4NCjxodG1sPg0KPGhl YWQ+DQo8dGl0bGU+SW5wdXQgU3R5bGUgLSBRdWlya3M8L3RpdGxlPg0KPC9oZWFkPg0KPGJvZHk+ DQoJPGlucHV0IGlkPSJjIiB0eXBlPSJjaGVja2JveCIgc3R5bGU9IndpZHRoOiAyMHB4OyBiYWNr Z3JvdW5kLWNvbG9yOiBncmF5Ii8+DQoJPGlucHV0IGlkPSJyIiB0eXBlPSJyYWRpbyIgc3R5bGU9 IndpZHRoOiAyMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBncmF5Ii8+DQoJPGRpdj5jb21wYXRNb2Rl OiA8c2NyaXB0PmRvY3VtZW50LndyaXRlKGRvY3VtZW50LmNvbXBhdE1vZGUpPC9zY3JpcHQ+PC9k aXY+DQoJPGRpdj5jaGVja2JveDogPHNjcmlwdD52YXIgc2MgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRT dHlsZShkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiYyIpKTsgZG9jdW1lbnQud3JpdGUoc2MuZ2V0 UHJvcGVydHlWYWx1ZSgiYm94LXNpemluZyIpIHx8IHNjLmdldFByb3BlcnR5VmFsdWUoIi1tb3ot Ym94LXNpemluZyIpKTs8L3NjcmlwdD48L2Rpdj4NCgk8ZGl2PmNoZWNrYm94OiA8c2NyaXB0PnZh ciBzciA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJy IikpOyBkb2N1bWVudC53cml0ZShzci5nZXRQcm9wZXJ0eVZhbHVlKCJib3gtc2l6aW5nIikgfHwg c3IuZ2V0UHJvcGVydHlWYWx1ZSgiLW1vei1ib3gtc2l6aW5nIikpOzwvc2NyaXB0PjwvZGl2Pg0K PC9ib2R5Pg0KPC9odG1sPg==