Skip to main content

Search and Top Navigation

#7608 closed bug (duplicate)

Opened August 04, 2011 10:21PM UTC

Closed August 07, 2011 02:57PM UTC

Last modified August 07, 2011 02:57PM UTC

Modal dialog blocks all text inputs inside it (in special case)

Reported by: kottenator Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.14
Keywords: Cc:
Blocked by: Blocking:
Description

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.

Here is my simplified example:

<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>

''Note'': I mentioned about

"position:relative; z-index:1"
because it works fine without it. But I can't remove it because of design.

''Note'': ''not modal'' dialog works fine too.

''I'm using jQuery 1.6.2 + jQuery UI 1.8.14''

Attachments (0)
Change History (2)

Changed August 07, 2011 02:57PM UTC by scottgonzalez comment:1

component: ui.coreui.dialog
resolution: → duplicate
status: newclosed

Changed August 07, 2011 02:57PM UTC by scottgonzalez comment:2

Duplicate of #5466.