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 comment:1
| keywords: | checkbox, z-index → modal |
|---|
Changed January 06, 2012 11:56PM UTC by 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 comment:3
| milestone: | TBD → 1.10.0 |
|---|
Changed October 15, 2012 09:47PM UTC by comment:4
| status: | new → open |
|---|
More minimal example: http://jsfiddle.net/tj_vantoll/XXGQA/.
Changed October 24, 2012 02:28AM UTC by comment:5
| summary: | checkboxes that inherit a z-index < jqueryui.dialog z-index don't work → Dialog: checkboxes that inherit a z-index < jqueryui.dialog z-index don't work |
|---|
Changed October 24, 2012 09:05PM UTC by comment:6
| resolution: | → fixed |
|---|---|
| status: | open → 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