title: jQuery UI modal dialog captures all keypress so I can't input text inside it
body: <p>I create modal dialog with form inside it (with some text input).
  And I just can't enter the text inside the textbox. Dialog blocks keyboard input.</p>
  
  <p>Here is my simplified example:</p>
  
  <pre><code>&lt;div id="modal-dialog"&gt;
      &lt;label for="my-text"&gt;TRY to input text...&lt;/label&gt;
      &lt;textarea id="my-text" style="position:relative; z-index:1"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      var dialog = $('#modal-dialog').dialog({ modal: true });
  &lt;/script&gt;
  </code></pre>
  
  <p><em>Note</em>: You may ask - why did I mentioned about <code>"position:relative; z-index:1"</code>? Because it works fine without it. But I can't remove it because of design.</p>
  
  <p><em>Note</em>: <strong>not modal</strong> dialog works fine too.</p>
  
  <p><em>I'm using jQuery 1.6.2 + jQuery UI 1.8.14</em></p>