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

I had set the parent element's (in my case the body tag) position to static (it was relative) and it fixed the problem.

if (isChrome){ document.getElementsByTagName("body")[0].style.position = 'static'; }

Off course "isChrome" variable needs to be calculated before.

Also you have to check if this change doesn't ruins your existing layout.

Hope it helps
Andras

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.

This seems to fix it

html, body {position: relative}

It's a bug in jQuery UI 1.10.3 - http://bugs.jqueryui.com/ticket/9315. Also could be marked as dupe of jQuery ui dialog dragging issues.

Related