https://bugzilla.wikimedia.org/show_bug.cgi?id=56692
Web browser: ---
Bug ID: 56692
Summary: Use box-sizing:border-box when using
width:100%;padding:0.1em for textarea
Product: MediaWiki
Version: unspecified
Hardware: All
OS: All
Status: NEW
Keywords: patch
Severity: normal
Priority: Unprioritized
Component: Skin and page rendering
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected], [email protected]
Classification: Unclassified
Mobile Platform: ---
Created attachment 13716
--> https://bugzilla.wikimedia.org/attachment.cgi?id=13716&action=edit
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.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
