Opened 15 years ago

Closed 11 years ago

Last modified 5 years ago

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


If i create a dialog using this code:

	 width: 450,
	 height: 300,
	 title: "Procents",
		buttons: {
			"Ok": function() {
			"Cancel": function() {
modal: true,
		overlay: {
			opacity: 0.5,
			background: "black"

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 Scott González

Priority: criticalminor
Status: newaccepted

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.

comment:2 Changed 12 years ago by captdragon

Anyone have a workaround? I tried what scott.gonzalez suggested but did not work.

comment:3 Changed 11 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

comment:4 Changed 11 years ago by Scott González

Keywords: modal added; input dialog removed
Milestone: 1.10.0

comment:5 Changed 11 years ago by Jörn Zaefferer

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

Resolution: fixed
Status: acceptedclosed

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

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.

Note: See TracTickets for help on using tickets.