title: Twitter Bootstrap modal blocks text input field
body: <p>I am trying to use a modal as a popup help window.
  I set backdrop to 'nothing'.
  When the modal is opened (without backdrop) input fields in 'original' page cannot be focused.</p>
  
  <p>Other input types (checkbox and button in example) work well...</p>
  
  <p>Any idea ?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;!-- Button to trigger modal --&gt;
    &lt;form&gt;
        &lt;label&gt;Input&lt;/label&gt;
        &lt;input type="text" placeholder="Type something…"&gt;
        &lt;label class="checkbox"&gt;
          &lt;input type="checkbox"&gt;Checkbox
        &lt;/label&gt;
        &lt;button type="submit" class="btn"&gt;Submit&lt;/button&gt;
    &lt;/form&gt;
  
    &lt;!-- Button to trigger modal --&gt;
    &lt;a href="#myModal" role="button" class="btn" data-toggle="modal"&gt;Open Help...&lt;/a&gt;
  
    &lt;!-- Modal --&gt;
    &lt;div id="myModal" class="modal hide" data-backdrop="" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-header"&gt;
        &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
        &lt;p&gt;One fine body…&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Simple Javascript to make the popup draggable:</p>
  
  <pre><code>$('#myModal').draggable();
  </code></pre>
  
  <p>All this on JSFiddle...</p>
  
  <p><a href="http://jsfiddle.net/Jxdd8/3/">http://jsfiddle.net/Jxdd8/3/</a></p>