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.