Ticket #3012 (closed enhancement: invalid)
sortable/ draggable helper as child of overflow element does not follow cursor when overflow element is scrolled
| Reported by: | peterp | Owned by: | |
|---|---|---|---|
| Priority: | trivial | Milestone: | 1.3 |
| Component: | event | Version: | 1.2.6 |
| Keywords: | draggable sortable helper overflow cursor scroll | Cc: | peterp@… |
| Blocking: | Blocked by: |
Description
The default helpers for the sortables/ draggables elements are children of an element which is scrollable (overflow: auto;).
When the overflow element is scrolled the helper scrolls away from the cursor. It's position is not updated.
A simple fix that I'm using is to create a custom helper and append it to the body of the document rather than the overflow element. I suppose another solution would be to recalculate the position if the wheel is scrolled.
This was experience using Firefox 2.0.0.14 and Safari 3.1.1 on OS X. I'm uncertain about other browsers.
Change History
comment:2 Changed 5 years ago by flesler
- Status changed from new to closed
- Resolution set to invalid
This belongs to jQuery UI. Please repost this to the UI Bug Tracker. Thanks.
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

If you're using the custom helper work around just remember to set the cursorAt property so that the cursor is not above the draggable helper. (You won't be able to scroll otherwise).
cursorAt is not documented for sortables but it works.