JQuery-ui dialog jumps to the bottom of page in Chrome

Question

I`m using jquery ui (jquery-ui-1.10.3) and faced some problem with dialog in Chrome.

I`m opening dialog in the following way:

$('#dialog').dialog({
    width: 400,
    buttons: {
        "save": function() { update(); $( this ).dialog( "close" ); }
    }
});

This dialog is draggable. Dialog appears perfectly, but as soon as I need to drag it, dialog goes/jumps to the bottom of a page, even under the scroll. And this happens only in Chrome.

Maybe somebody faced the same problem. Any ideas?

Thanks

Answer 1

Tried

html, body {position: relative}

but it didn't work for me.. However, found this worked for my situation.

body { height: 100%; }

Fixes quite a few strange issues.