box-sizing:border-box for textarea
Bug 40610 identified an overflowing textarea for #editform and fixed this. All textarea elements overflows because they use the following CSS definition from skins/common/commonElements.css:
textarea {
width: 100%;
padding: .1em;
}
Examples with overflowing textarea elements: [[Special:Upload]], [[Special:ExpandTemplates]], #config-live-log in the webinstaller, ...
In standard compliance mode of the box model this generates a width of 100% plus .1em for the border box. To create a border box with a width of 100% definition box-sizing:border-box should be added:
textarea {
width: 100%;
padding: .1em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
See attached patch.
Maybe the remaining #editform textarea { display: block; } can be also omitted.
Some extensions also use textarea { box-sizing: border-box; } which is superseded by the patch.
Version: 1.20.x
Severity: minor
attachment textarea-box-sizing.patch ignored as obsolete