Skip to main content

Search and Top Navigation

#6267 closed bug (fixed)

Opened November 05, 2010 04:20PM UTC

Closed October 24, 2012 09:05PM UTC

Dialog: checkboxes that inherit a z-index < jqueryui.dialog z-index don't work

Reported by: prinzdezibel Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.dialog Version: 1.8.6
Keywords: modal Cc:
Blocked by: Blocking:
Description

1. A dialog with form input elements, specifically a checkbox input.

2. The checkbox is wrapped in a div which is positioned absolute and has a z-index smaller than the dialog's z-index.

3. The checkbox can't be clicked, because the event will not bubble up so the browser can handle it.

The source code responsible for this is:

jquery.ui.dialog.js, Line 705

if ($(event.target).zIndex() < $.ui.dialog.overlay.maxZ) {

return false;

}

Here is a working sample. Be sure to include jquery UI 1.8.0

http://jsbin.com/ilofi3/5/edit

Best regards,

prinz

Attachments (0)
Change History (6)

Changed September 07, 2011 12:51PM UTC by scottgonzalez comment:1

keywords: checkbox, z-indexmodal

Changed January 06, 2012 11:56PM UTC by braddunbar comment:2

_comment0: I am also having this problem. IE appears to misreport the z-index as ''.1325894236874670
_comment1: I am also having this problem (in IE8-). IE appears to misreport the z-index as ''.1325894250018348

I am also having this problem (in IE8-). IE appears to misreport the z-index as empty.

Changed October 11, 2012 09:02PM UTC by scottgonzalez comment:3

milestone: TBD1.10.0

Changed October 15, 2012 09:47PM UTC by tj.vantoll comment:4

status: newopen

Changed October 24, 2012 02:28AM UTC by jzaefferer comment:5

summary: checkboxes that inherit a z-index < jqueryui.dialog z-index don't workDialog: checkboxes that inherit a z-index < jqueryui.dialog z-index don't work

Changed October 24, 2012 09:05PM UTC by Nate Eagle comment:6

resolution: → fixed
status: openclosed

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