Opened 10 years ago

Last modified 6 years ago

#3022 open bug

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.

Change History (9)

comment:1 Changed 10 years ago by vlucas

Will this be fixed for 1.5.1?

comment:2 Changed 10 years ago by paul

Resolution: fixed
Status: newclosed

comment:3 Changed 10 years ago by paul

Milestone: 1.5.1

comment:4 Changed 9 years ago by rdworth

Resolution: fixed
Status: closedreopened

comment:5 Changed 9 years ago by Scott González

Milestone: 1.5.11.8

comment:6 Changed 6 years ago by Scott González

Milestone: 1.9.02.0.0

comment:7 Changed 6 years ago by mikesherov

Status: reopenedopen

comment:8 Changed 6 years ago by nathanael

comment:9 Changed 6 years ago by tj.vantoll

Keywords: haspatch added
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.

Note: See TracTickets for help on using tickets.