Dialog: Modal dialogs display behind overlay when using appendTo option

[limitstudios]

Using the code provided at jsfiddle or url below and clicking the button causes the overlay to position above the dialog, making the dialog unusable.

​http://jsfiddle.net/rFAkt/

​http://www.limit-studios.com/jquery/jquery-dialog.php

[limitstudios]

The reason it is attached to a form is the dialog contains form fields which are then submitted via the dialog

[Scott González]

A properly reduced test case: ​http://jsfiddle.net/rFAkt/2/

[Jörn Zaefferer]

Gonna look into this, along with the open dialog PR.

[Jörn Zaefferer]

Since David is working on other dialog bugs and I'm not going to tackle this in the next few days, unassigning myself...

[C6AC165B-7B1E-445F-804B-A1BFED06162F]

"Modal dialogs display behind overlay when using appendTo option"

And overlays do not display at all when used in a fully scoped css theme. I have to make hacks to work around this and the issue of the ticket. Such as:

var dz = $(".ui-front").css( "z-index" )
$(".ui-widget-overlay").css({ "z-index": dz-1 });
$(".ui-widget-overlay").appendTo("#my-scoping-id");

I have a long list of bugs that occur when using scoped css themes. Will post in time. I only just now managed to register here, I tried all kinds of random strings as a username last night (there is no way someone has already registered as "vdfuh5ngsby7atbva3dhpoltdysb", yet I was told that name was already in use...), then it occurred to me to register as a GUID, that worked. So here I am, and once I can be bothered to compile and document the long list of bugs that I have observed, I will post them.

[djQuery]

Submitted pull request ​https://github.com/jquery/jquery-ui/pull/894

Let me know if there is any more work that needs to be done on this.

[David Sullivan]

Dialog: modified _createOverlay to _appendTo instead of document.body. Fixed #8984 - Modal dialogs display behind overlay when using appendTo option

Changeset: 55360eeb7eae5c560d51b09178e64d83c59223a6

[limitstudios]

I added the commited code to my jqueryui file and it still didn't fix my test case

[Scott González]

@limitstudios We'd need a reduced test case showing the problem.

[limitstudios]

yep I'm trying to create a reduce one, but only since upgraded to 1.10.0 has caused this

[MosheElisha]

The fix in 1.10.1 works for me. Thanks!

[TUX]

Comenten esta linea de codigo del Jquery y con eso se soluciona:

$(".ui-dialog:visible:last .ui-dialog-content")

.data("ui-dialog")._focusTabbable();

Saludos desde Merida, Yucatan, Mexico...

[Scott González]

@TUX Please stop posting that comment in various closed tickets.