(bug 40610) Prevent editing textarea from overflowing out of bodyContent

Per suggestion by Daniel Friesen, this change adds a box-sizing specification to prevent
the editing textarea from overflowing from the bodyContent in vector, monobook, and modern skins.

Change-Id: I42f42654d87e8a14ff478b4670e3642ae083c81d

diff --git a/skins/common/commonContent.css b/skins/common/commonContent.css
index 20182b4..a550d97 100644 (file)
--- a/skins/common/commonContent.css
+++ b/skins/common/commonContent.css
@@ -112,6 +112,16 @@ img.thumbborder {
        border: 1px solid #dddddd;
 }
 
+/**
+ * Edit forms
+ */
+#editform textarea {
+       display: block;
+       -moz-box-sizing: border-box;
+       -webkit-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
 /**
  * Basic styles for the user login and create account forms
  */

diff --git a/skins/modern/main.css b/skins/modern/main.css
index 7149551..80cdcda 100644 (file)
--- a/skins/modern/main.css
+++ b/skins/modern/main.css
@@ -150,6 +150,11 @@ textarea {
        width: 100%;
        padding: .1em;
 }
+#editform textarea {
+       -moz-box-sizing: border-box;
+       -webkit-box-sizing: border-box;
+       box-sizing: border-box;
+}
 
 #searchBody {
        text-align: center;