Skip to main content

Search and Top Navigation

#7935 closed bug (duplicate)

Opened December 05, 2011 01:42PM UTC

Closed October 27, 2012 08:27PM UTC

draggable() + scroll in chrome

Reported by: Samurai.by Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.draggable Version: 1.8.16
Keywords: Cc:
Blocked by: Blocking:
Description

If click in scroll bar, div adhere in cursor and not drop. (in google chrome)

<script type="text/javascript">
    $(function () { 
            $('#draggableD').draggable();
            });
</script>

<div id="draggableD"> Header <div id="test" style="overflow-y:scroll; height:200px; width:100px;"> text
text text text text
text text text text
text text text text
text text text text
</div> </div>
Attachments (0)
Change History (4)

Changed January 28, 2012 06:44PM UTC by tj.vantoll comment:1

The same behavior occurs in Safari 5.1.2 and Opera 11.60 - http://jsfiddle.net/mKHX7/. Works fine in Firefox 9 and IE 7/8/9.

Changed February 04, 2012 02:32AM UTC by tj.vantoll comment:2

This is occurring because the mouseup event does not fire on scrollbars in Chrome / Safari / Opera - http://jsfiddle.net/NtEkr/. The draggable plugin uses the event to stop the dragging, and since it's never fired this issue occurs.

There's a more thorough explanation in jQuery bug #8184 which was closed as invalid. There's also links to open bugs in Chrome and WebKit here - http://stackoverflow.com/questions/4145402/mouseup-bug-in-all-browsers-except-firefox.

Changed October 11, 2012 02:49PM UTC by scottgonzalez comment:3

milestone: 1.9.02.0.0

Changed October 27, 2012 08:27PM UTC by mikesherov comment:4

resolution: → duplicate
status: newclosed

Duplicate of #6925.