Skip to main content

Search and Top Navigation

#3022 open bug ()

Opened June 24, 2008 02:15AM UTC

Last modified February 25, 2013 02:04AM UTC

Sortable: Handles outside sorting element do not work

Reported by: vlucas Owned by: paul
Priority: major Milestone: 2.0.0
Component: ui.sortable Version: 1.5
Keywords: sortable, handle, haspatch Cc:
Blocked by: Blocking:
Description

We have a situation where, similar to basecamp's task list, the editing options for content appear outside the pixel area of the element that will be sorted.

Look at the "FAQ":

http://www.czarweb.com/demos/jquery-layout/

When hovering over an item to edit, the edit/delete/sort links appear outside the box to the left. I had planned to use the same area for allowing sorting, but a strange error occurs when I do so:

When you click on the "Sort FAQ" link and drag up and down to sort the item, the sorting does not work unless your mouse position is inside the box with the other sortable items. So since the sortable handle's actual x/y position is outside the sorting container, the mouse is also outside the container and thus cannot sort until the user moves their mouse cursor to the right inside the sorting container.

This is a bug because the actual DOM position of the handle is still inside the sorting element, but the actual x/y position is not, and it prevents the list from being able to be sorted as expected by the end user.

Attachments (0)
Change History (9)

Changed June 26, 2008 11:50PM UTC by vlucas comment:1

Will this be fixed for 1.5.1?

Changed June 30, 2008 09:28PM UTC by paul comment:2

resolution: → fixed
status: newclosed

Changed February 26, 2009 12:14PM UTC by paul comment:3

milestone: → 1.5.1

Changed August 23, 2009 02:17AM UTC by rdworth comment:4

resolution: fixed
status: closedreopened

Changed November 10, 2009 03:53AM UTC by scottgonzalez comment:5

milestone: 1.5.11.8

Changed October 11, 2012 02:54PM UTC by scottgonzalez comment:6

milestone: 1.9.02.0.0

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

status: reopenedopen

Changed February 15, 2013 12:11PM UTC by nathanael comment:8

Changed February 25, 2013 02:04AM UTC by tj.vantoll comment:9

keywords: sortable, handlesortable, handle, haspatch
summary: UI Sortables: Handle outside sorting element does not workSortable: Handles outside sorting element do not work

Test case against master - http://jsfiddle.net/tj_vantoll/qnFtw/.

You can drag the items by the handles but sorting does not work unless the mouse it being dragged over the sortable items.