Я создаю модальный диалог с формой внутри него (с некоторым текстовым вводом). И я просто не могу ввести текст внутри текстового поля. Диалог блокирует ввод клавиатуры.
Вот мой упрощенный пример:
<div id="modal-dialog">
<label for="my-text">TRY to input text...</label>
<textarea id="my-text" style="position:relative; z-index:1"></textarea>
</div>
<script type="text/javascript">
var dialog = $('#modal-dialog').dialog({ modal: true });
</script>
Примечание. Вы можете спросить - почему я упомянул о "position:relative; z-index:1"
? Потому что он отлично работает без него. Но я не могу удалить его из-за дизайна.
Примечание. Диалог не модальный также отлично работает.
Я использую jQuery 1.6.2 + jQuery UI 1.8.14