allow multi-select lists in forms

4 files changed, 22 insertions, 1 deletions

diff --git a/bootstrap-1.3.0.css b/bootstrap-1.3.0.css
index d9df53d0e..d7ba6bf2d 100644
--- a/bootstrap-1.3.0.css
+++ b/bootstrap-1.3.0.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Tue Sep 13 22:22:48 PDT 2011
+ * Date: Wed Sep 14 08:56:48 PDT 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -676,6 +676,9 @@ select, input[type=file] {
   /* For IE7, add top margin to align select with labels */
 
 }
+select[multiple] {
+  height: inherit;
+}
 textarea {
   height: auto;
 }
diff --git a/bootstrap-1.3.0.min.css b/bootstrap-1.3.0.min.css
index 415188b79..e4d8e002e 100644
--- a/bootstrap-1.3.0.min.css
+++ b/bootstrap-1.3.0.min.css
@@ -117,6 +117,7 @@ input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3
 input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
 select,input[type=file]{height:27px;line-height:27px;*margin-top:4px;}
+select[multiple]{height:inherit;}
 textarea{height:auto;}
 .uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
 :-moz-placeholder{color:#bfbfbf;}
diff --git a/docs/index.html b/docs/index.html
index 41bf39b70..3965da1b7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1006,6 +1006,18 @@
             </div>
           </div><!-- /clearfix -->
           <div class="clearfix">
+            <label for="multiSelect">Multiple select</label>
+            <div class="input">
+              <select class="medium" multiple="multiple" name="multiSelect" id="multiSelect">
+                <option>1</option>
+                <option>2</option>
+                <option>3</option>
+                <option>4</option>
+                <option>5</option>
+              </select>
+            </div>
+          </div><!-- /clearfix -->
+          <div class="clearfix">
             <label>Uneditable input</label>
             <div class="input">
               <span class="uneditable-input">Some value here</span>
diff --git a/lib/forms.less b/lib/forms.less
index 4c307fe08..944d16af6 100644
--- a/lib/forms.less
+++ b/lib/forms.less
@@ -110,6 +110,11 @@ input[type=file] {
   *margin-top: 4px; /* For IE7, add top margin to align select with labels */
 }
 
+// Make multiple select elements height not fixed
+select[multiple] {
+  height: inherit;
+}
+
 textarea {
   height: auto;
 }