Skip to main content

Search and Top Navigation

#8500 closed bug (notabug)

Opened August 14, 2012 07:12PM UTC

Closed August 14, 2012 08:38PM UTC

Sortable items with scrollbar-scrolling triggers drag event

Reported by: Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.sortable Version: 1.8.22
Keywords: Cc:
Blocked by: Blocking:

If you have any sortable elements with a specified height and overflow-y: scroll, scrolling on it will trigger the drag event. I'd like to know if this is a bug or intended behavior and, if so, is there a workaround for it.

I submitted a request for help on this on stackoverflow. The link, together with code examples, can be found here:

Attachments (0)
Change History (2)

Changed August 14, 2012 08:09PM UTC by CptBongue comment:1

This ticket can be closed.

I found a workaround, or maybe even a solution.

Add a wrapper element, such as a div outside the scrollable content (content with overflow: scroll). Use the selector for that wrapper as your "cancel" option as follows:


$(this).sortable({cancel: ".scrollable"});


Changed August 14, 2012 08:38PM UTC by scottgonzalez comment:2

resolution: → invalid
status: newclosed