It moves content out of <form> tag.

[vrassouli]

Whenever you put some portion of a <form> in a dialog, it generates some sort of HTML, and moves the form portion to somewhere else, which is not in the <form> tag! so after submitting the form, you can't get the elements (becouse they are out of form) if you the generated Html for dialog, just in-place, it would solve this problem

[Jörn Zaefferer]

Probably more of a documentation issue.

[mahdi]

I wonder why this important issue has not been yet fixed! of course there's simple workarounds for this, but this still is an open issue!

[clarkbox]

i would also like to add a vote to this bug/enhancement. at least an option to disable this behavior. this plays havoc with existing code, and defeats the usual purpose of dialogs... If you use ajax submit its less of a problem... but if you use the most popular jquery validation plugin you will have to resort to ugly work-arounds. sorry to come off as a complainer... if i had time/experience to contribute a fix i would try. non the less, thanks for the great effort, jqui is gold.

[nainslie]

proposed fix for issue

[rdworth]

One of the requirements of the dialog is that it appear as the top-most element. The only way to accomplish this consistently in Internet Explorer is to have the dialog be the last element in the body, as it respects DOM order over z-index. There are generally two work-arounds:

1. move the dialog element back somewhere else in the dom in the open event callback. This has the potential to allow other elements to appear on top of the dialog (see above)

2. move the dialog content element somewhere else in the dom in the close event callback, before the submit.

Neither of these are suitable for building in to the dialog, and are left as suggested work-arounds. As the first comment on this ticket suggests, this needs to be documented better.