Can't edit textarea or input text when a jquery modal dialog is opened.

[klapaudius]

To reproduce the bug, add in the survey demo html file :

Head part : <link rel="stylesheet" media="all" type="text/css" href="../themes/cupertino/jquery-ui-1.10.3.custom.min.css" /> <script type="text/javascript" src="../jquery-1.9.1.min.js"></script> <script type="text/javascript" src="../jquery-ui-1.10.3.custom.min.js"></script>

script part : $(document).ready(function() {$('#test').dialog({modal:true});});

body part : <div id="test"><a href="javascript:openprompt()">Test Impromptu States Survey</a></div>

[klapaudius]

For some reason that I can't explain the issue is fixed when ligne 36 is changed to this : msgbox += '<div class="'+ opts.prefix +' '+ opts.classes.prompt +' ui-dialog">'+

[trentrichardson]

Hey @klapaudius, sounds like ui-dialog must be doing something with inputs (a few of the examples in the impromptu docs are using inputs and textareas normally). Is there a reason to use both dialog and impromptu together? They both achieve the same general purpose. If you're trying to do multiple prompts then using Impromptu's states feature may be a cleaner solution. Otherwise if you're app is oriented around jQueryUI dialog may be the one to stick with.

[klapaudius]

In my application I open jquery dialog boxes with forms inside. Those forms are read only or not if user is allowed to edit informations. I also have a delete button that ask user his password to confirm deletion.

Using impromptu makes my application showing a complete different shape of div on events as important as a deletion. By changing shapes I have much more of my users who read texts before clicking on "OK".