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 comment:1
Changed February 04, 2012 02:32AM UTC by 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 comment:3
milestone: | 1.9.0 → 2.0.0 |
---|
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.