#9980 closed bug (notabug)

Opened April 15, 2014 01:22PM UTC

Closed April 15, 2014 01:34PM UTC

Last modified April 16, 2014 12:34PM UTC

Dragging wrapped dialog

Reported by: ocassio Owned by:
Priority: minor Milestone: none
Component: ui.dialog Version: 1.10.4
Keywords: Cc:
Blocked by: Blocking:
Description

Wrapped dialog changes his position when dragged.

But if body height is higher than dialog's, dragging works fine.

Wrapper CSS:

#wrapper {
 position: absolute;
 background-color: red;
 opacity: 0.5;
 width: 1400px;
 height: 800px;
 overflow-y: scroll;
}

JS:

var $dialog = $("#fff");
$dialog.dialog();
var $wrapper = $("#wrapper");
$dialog.dialog("widget").wrap($wrapper);

Demonstration:

http://www.youtube.com/watch?v=KcTcyoxj-NY&feature=youtu.be

Attachments (0)
Change History (3)

Changed April 15, 2014 01:34PM UTC by scottgonzalez comment:1

resolution: → notabug
status: new → closed

Use the appendTo option.

Changed April 16, 2014 10:28AM UTC by ocassio comment:2

_comment0: Replying to [comment:1 scott.gonzalez]: \ > Use the `appendTo` option. \ \ I tried appendTo option, but it works exactly the same way. → 1397644175198285

Replying to [comment:1 scott.gonzalez]:

Use the appendTo option.

I have tried appendTo option, but it works exactly the same way.

Changed April 16, 2014 12:34PM UTC by tj.vantoll comment:3

Replying to [comment:2 ocassio]:

Replying to [comment:1 scott.gonzalez]: > Use the appendTo option. I have tried appendTo option, but it works exactly the same way.

If you need further help please use the jQuery forums or Stack Overflow.