Skip to main content

Search and Top Navigation

#9616 closed bug (wontfix)

Opened October 23, 2013 03:30PM UTC

Closed October 23, 2013 03:47PM UTC

Last modified October 23, 2013 05:08PM UTC

Clicking on a dialog does not bring it to the front

Reported by: tenor Owned by:
Priority: minor Milestone: none
Component: ui.dialog Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:

If you have multiple dialogs in different containing divs, then clicking on one dialog does not bring it in front of others.

The bug can be reproduced at

It's necessary to place dialogs in different containers if you are working with scoped themes and you want the dialogs to have different themes.

This bug didn't occur in jQuery UI 1.9.2

Attachments (0)
Change History (6)

Changed October 23, 2013 03:47PM UTC by scottgonzalez comment:1

resolution: → wontfix
status: newclosed

By appending the dialog to a different container, you're opting into a new set of rules. Dialogs only stack within their containers. You also don't need to use containers for theming, that's why the dialogClass option exists.

Changed October 23, 2013 04:39PM UTC by tenor comment:2

Thanks for looking into this quickly.

When working with scoped themes, you do need to put the dialog within a container.

Here's a fiddle that shows the difference between a dialog within a scoped container and one that was created with the dialogClass option:

Is there a workaround for this issue?

Changed October 23, 2013 04:48PM UTC by scottgonzalez comment:3

Here's a reduced fiddle:

This is really an issue with scopes not working directly on elements:

Changed October 23, 2013 05:00PM UTC by tenor comment:4

Looks like I'll have to write custom code to handle the z-indexing.

This worked okay in previous versions.

Changed October 23, 2013 05:01PM UTC by scottgonzalez comment:5

Luckily you can just override _moveToTop() and implement whatever you want :-)

Changed October 23, 2013 05:08PM UTC by tenor comment:6

Thanks Scott. I'll look into that. :)