Use box-sizing:border-box for textarea
authorFomafix <fomafix@googlemail.com>
Fri, 3 Jan 2014 16:38:40 +0000 (16:38 +0000)
committerBartosz Dziewoński <matma.rex@gmail.com>
Mon, 13 Jan 2014 18:58:26 +0000 (18:58 +0000)
commit8e860ac29d55123cd87c68bc6fe9a5a5846f96ae
tree2074c85dfd7e9e1aa3febcfe87aa0dba6fb13c65
parent077112641cd61a4b37d41678f7dccff3accb7c5d
Use 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;
}

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;
}

Bug: 56692
Change-Id: Ife1cf74ca33b4f53ec052947bd8b7b2fd28705ce
resources/mediawiki/mediawiki.feedback.js
skins/cologneblue/screen.css
skins/common/commonContent.css
skins/common/commonElements.css
skins/common/config.css
skins/modern/main.css