Estoy tratando de usar un modal como una ventana de ayuda emergente. Puse el telón de fondo a "nada". Cuando se abre el modal (sin fondo), los campos de entrada en la página "original" no se pueden enfocar.

Otros tipos de entrada (casilla de verificación y botón en el ejemplo) funcionan bien ...

Alguna idea ?

Mi código:

<div class="container">
<!-- Button to trigger modal -->
  <form>
      <label>Input</label>
      <input type="text" placeholder="Type something…">
      <label class="checkbox">
        <input type="checkbox">Checkbox
      </label>
      <button type="submit" class="btn">Submit</button>
  </form>

  <!-- Button to trigger modal -->
  <a href="#myModal" role="button" class="btn" data-toggle="modal">Open Help...</a>

  <!-- Modal -->
  <div id="myModal" class="modal hide" data-backdrop="" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
      <p>One fine body…</p>
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
  </div>
</div>

Javascript simple para hacer la ventana emergente arrastrable:

$('#myModal').draggable();

Todo esto en JSFiddle ...

http://jsfiddle.net/Jxdd8/3/