Search and Top Navigation
#7675 closed bug (notabug)
Opened August 29, 2011 06:50AM UTC
Closed August 30, 2011 10:04PM UTC
Last modified August 31, 2011 04:04AM UTC
Dialog moves on unexpected place.
| Reported by: | angelfcm | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.9.0 | 
| Component: | ui.dialog | Version: | 1.8.15 | 
| Keywords: | Cc: | ||
| Blocked by: | Blocking: | 
Description
Hello experts,
I think that would be best showing a example, you first must move the dialog, after close the dialog and open it. Then... dialog moves a little more to up of where it was. Why? The example is:
<html>
 
    <head>
 
        <link id="stylesheet" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css">
        <script src="js/jquery-1.6.2.min.js" language="JavaScript" type="text/javascript"></script>
        <script src="js/jquery-ui-1.8.15.custom.min.js" language="JavaScript" type="text/javascript"></script>
 
        <script language="JavaScript" type="text/javascript">
// Is just a code for when click in body, dialog open/close.
            $( document.ready ).ready( function() {
                $( "#example" ).dialog();
                $( document ).click( function() {
                     if ( $( "#example" ).dialog( "isOpen") )
                         $( "#example" ).dialog( "close" );
                     else
                         $( "#example" ).dialog( "open" );
                } );
            });
        </script>
 
    </head>
 
    <body>
    First move the dialog, after click in document to open/close and you'll see when it opens, it appears a little more to up, ¿Why?!!!
        <div>&npbs;
            <div id="example" title="Example example.">
                Example
            </div>
        </div>
 
    </body>
 
</html>
Well, I know that this happens when the dialog helper( in my case is #example ), is in another element( in this case a simple div). Help please, excuse me my ignorance I am a simple mortal, grettings, thanks and luck powerful team!.
You're mixing the 1.7.2 theme with the 1.8.16 code, which is invalid. Also, you don't have a doctype. If you continue having problems after fixing these errors, please provide a test case using jsbin or jsFiddle, do not paste code into the ticket (see the red box).