title: Input Type File Not Working In Bootstrap Modal
body: <p>This is incredibly odd. I have a basic Bootstrap modal with no fancy stuff going on and <code>input type=file</code> is not working inside of it. When you click it, nothing happens. If the file input is moved outside of the modal and onto the page, then no issues.</p>
  
  <p>Here's the modal code for reference:</p>
  
  <pre><code>&lt;div id="addImageModal" class="modal hide fade" data-toggle="modal"&gt;
  &lt;div class="modal-header"&gt;
    &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;
      x
    &lt;/button&gt;
    &lt;h4&gt;Add Drawing Image&lt;/h4&gt;
  &lt;/div&gt;
  &lt;div class="modal-body"&gt;
    &lt;div class="form-horizontal"&gt;
      &lt;div class="control-group"&gt;
        &lt;label class="control-label" for="inputDisplayName"&gt;Display Name&lt;/label&gt;
        &lt;div class="controls"&gt;
          &lt;input id="inputDisplayName" type="text" placeholder=""&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="control-group"&gt;
        &lt;div id="previewImage"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="control-group"&gt;
        &lt;input type="file" name="files[]" multiple=""&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="modal-footer"&gt;
    &lt;a href="#" data-dismiss="modal" class="btn"&gt;Cancel&lt;/a&gt;
    &lt;a href="#" class="btn btn-primary btnUploadImage"&gt;Upload&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Really strange issue. Any ideas?</p>
  
  <p>EDIT: It is Bootstrap 2.3.1 and I've tried setting z-index on the input for the fun of it and it made no difference.</p>