add static width example to demo page, and support static width (see …

…Issue #16)
bgrins · May 24, 2012 · 97aa512 · 97aa512
1 parent fb8c8cf
commit 97aa512
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/expanding.js b/expanding.js
@@ -30,7 +30,8 @@
         'paddingTop','paddingBottom',
         'marginLeft', 'marginRight',
         'marginTop','marginBottom',
-        'boxSizing', 'webkitBoxSizing', 'mozBoxSizing', 'msBoxSizing'
+        'boxSizing', 'webkitBoxSizing', 'mozBoxSizing', 'msBoxSizing',
+        'width'
     ];
 
     var textareaCSS = {

diff --git a/index.html b/index.html
@@ -64,6 +64,10 @@
   width: 100%;
 }
 
+.exampleStaticWidth textarea {
+    width: 400px;
+}
+
 .exampleFonts textarea {
   font-family: Arial;
   color: orange;
@@ -205,6 +209,20 @@ <h3>Maximum Height</h3>
       <textarea class='expanding' placeholder='Enter Some Text'></textarea>
     </div>
 
+    <div class='example exampleStaticWidth'>
+      <h3>Static Width</h3>
+      <p>
+        Just set a static width on the textarea, and the pre tag will snap to fit it!
+
+      </p>
+<pre><code>
+textarea {
+    width: 400px;
+}</code></pre>
+
+
+      <textarea class='expanding' placeholder='Enter Some Text'></textarea>
+    </div>
 
     <div class='example exampleFonts'>
       <h3>