jQuery UI Dialog прыгает при перетаскивании

[Ocassio]

Всем привет!

Мне необходимо поместить диалоговое окно в блок с абсолютным позиционированием.
Если диалог имеет относительно небольшую высоту, то все отрабатывает корректно. Однако, если его высота значительна, то при начале перетаскивания, он прыгает вверх, после чего начинает передвигаться.

Как это выглядит:
http://jsfiddle.net/2fms2/8/

Буду благодарен за помощь.

[jsnb]

Так это потому что он во внешний div не влезает. Задавайте ему maxHeight равный внешнему div и в диалоге при превышении этой высоты будет прокрутка.
http://jsfiddle.net/GvAyt/

[рони]

Ocassio,
или так
http://jsfiddle.net/2fms2/10/

[Ocassio]

В этом то как раз и фишка. Мне нужно, чтобы прокрутка шла именно за счет внешнего div.

[рони]

Ocassio,
а зачем диалоговое окно?

[Ocassio]

Ocassio,
а зачем диалоговое окно?

Суть примерно в следующем:
По сути нам нужен модальный диалог. Но при этом нужно, чтобы при прокрутке диалогового окна данные на фоне не прокручивались. Поэтому мы убираем параметр modal и используем свою обертку.

Лично мне очень нравится Ваш способ, но по каким-то соображениям, подобное решение не желательно.

[рони]

данные на фоне не прокручивались

может так OFF scroll на body > ON scroll children

[Ocassio]

может так OFF scroll на body > ON scroll children

Насколько я понял, это поможет предотвратить прокрутку всего body.
Проблема в том, что если использовать обертку, то прокрутки body и так не будет, а если ее не использовать, то эта прокрутка нам как раз и будет нужна.

[рони]

Ocassio,
спасибо, но видимо вы говорите о вещах которые недоступны моему пониманию, ничем более помочь немогу.

[Ocassio]

Нашел что-то похожее (very long modal):
http://jschr.github.io/bootstrap-modal/

Но мне нужно реализовать это на базе jQuery UI.