#3534 closed bug (fixed)
Dialog: Modal dialog disables all input elements on page.
Reported by: | Bethrezen | Owned by: | Scott González |
---|---|---|---|
Priority: | minor | Milestone: | 1.10.0 |
Component: | ui.dialog | Version: | 1.6rc2 |
Keywords: | modal | Cc: | [email protected]… |
Blocked by: | Blocking: |
Description
If i create a dialog using this code:
$("#procent_dialog").dialog({ width: 450, height: 300, title: "Procents", buttons: { "Ok": function() { make_procents(); }, "Cancel": function() { $(this).dialog("close"); } }, modal: true, overlay: { opacity: 0.5, background: "black" } }).dialog('close');
Then all my input elements(ie. checkboxes, buttons, textfields) are non-clickable. If i disable "modal" option of dialog - all works OK.
jquery version 1.2.6 jquery ui 1.6rc2 This bug works in Firefox 3.0.3 and Opera 9.60. On win and linux. On IE I didn't tested it.
Change History (7)
comment:1 Changed 15 years ago by
Priority: | critical → minor |
---|---|
Status: | new → accepted |
comment:2 Changed 12 years ago by
Anyone have a workaround? I tried what scott.gonzalez suggested but did not work.
comment:4 Changed 11 years ago by
Keywords: | modal added; input dialog removed |
---|---|
Milestone: | → 1.10.0 |
comment:5 Changed 11 years ago by
Summary: | Modal dialog disables all input elements on page. → Dialog: Modal dialog disables all input elements on page. |
---|
comment:6 Changed 11 years ago by
Resolution: | → fixed |
---|---|
Status: | accepted → closed |
Dialog: Awesome new stacking and overlay implementation. Fixes the following tickets:
Fixes #3534 - Dialog: Modal dialog disables all input elements on page. Fixes #4671 - Dialog: Modal Dialog disables vertical scroll bar in Chrome & Safari. Fixes #4995 - Dialog: Modal Dialog's overlay dissapears in IE when content is tall. Fixes #5388 - Dialog: Don't change z-index when already at the top. Fixes #5466 - Dialog: "modal" Dialog Incorrectly Cancels Input Events. Fixes #5762 - Dialog: Get rid of z-index workaround, document it instead. Fixes #6267 - Dialog: checkboxes that inherit a z-index < jqueryui.dialog z-index don't work. Fixes #7051 - Dialog: modal prevents tab key from moving focus off slider handle. Fixes #7107 - Dialog: Modal dialog event loss with high zindex child elements (FF 3.6). Fixes #7120 - Dialog: Modal operation interrupts drag drop marker functionality on gmaps. Fixes #8172 - Dialog: Change event cancelled when opening modal dialog from another modal dialog. Fixes #8583 - Dialog: Mouse event wrongly stopped. Fixes #8722 - Dialog: Remove stack option. Fixes #8729 - Dialog: Remove zIndex option.
Changeset: 3829a37ca122e923c3a08b964c4b1a946a2a1456
comment:7 Changed 5 years ago by
I'm using jqueryui 1.12.1. I'm facing a similar problem, I have a login modal which overlays the whole page, when jquery ui dialog is active, I am unable to focus the input textboxes on the login modal.
These textboxes have a higher z-index value. I've set an event handler which alerts whenever the textbox is focused and it works fine, which means that the focus event is called.
This is probably due to the timeout that is used to disable the inputs. The close event is firing before the elements are actually disabled, so the event handlers are not being cleared. Try setting the autoOpen option to false on init instead of immediately closing the dialog.