#4857 closed bug (fixed)

Opened September 15, 2009 11:34PM UTC

Closed August 23, 2012 02:05AM UTC

Last modified November 04, 2012 06:31PM UTC

Nested li's don't work properly with sortable.

Reported by:	Eli	Owned by:
Priority:	major	Milestone:	1.8.24
Component:	ui.sortable	Version:	1.7.2
Keywords:		Cc:
Blocked by:		Blocking:

Description

This has several issues, described here:

http://stackoverflow.com/questions/1429999/jquery-ui-nested-sortable-errors

Attachments (0)

Change History (9)

Changed September 16, 2009 05:20PM UTC by andri comment:1

Unfortunately kae's last demo[1] from bug #4703 with jquery-ui-1.8a1 is indeed practically unusable because of the jerkiness. Often it does two jumps for each mouse stop, at first throwing the element to bottom of the root element, then to the inner list.

[1] http://verens.com/demos/nested-sortables/nested-sortables.html

Changed November 18, 2009 11:45AM UTC by jzaefferer comment:2

milestone:	TBD → 1.8

Changed June 26, 2010 11:21AM UTC by tonimahoni comment:3

I also had to connect nested sortable lists.

The first approach was to do like this:

$('.selector').sortable({

connectWith: '.selector',

items: 'div'

})

> this basically works but results in a jumpy behavior of the placeholder. Barely usable.

The second approach ist to do like this:

$('.selectorAAA').sortable({

connectWith: '[.selectorBBB, .selctorAAA]',

})

$('.selectorBBB').sortable({

connectWith: ['.selectorAAA, .selectorBBB'],

})

Actually this should result in a nested sortable list, where you can drag elements from the main list to the child lists, vice-versa, and between the child list. But this doesent work, as the placeholder does not appear when you drag elements from the main list to the child list and from the child list to the main list.

This second issue is described here pretty well:

http://dl.dropbox.com/u/396448/JQueryUINestedListSorting.html

Changed December 20, 2011 11:04AM UTC by rtwo comment:4

I fixed this issue and submitted a pull request on github.

https://github.com/jquery/jquery-ui/pull/555

Changed December 20, 2011 03:21PM UTC by rtwo comment:5

Some examples by Burke Holland:

With unpatched jquery-ui: http://jsfiddle.net/burkeholland/AbUPM/4/light/

With a patched version of jquery-ui: http://jsfiddle.net/yPQZx/

Changed August 23, 2012 02:05AM UTC by Martin Hoch comment:6

resolution:	→ fixed
status:	new → closed

Sortable: Fixed jerkiness with nested-sortables. Fixes #4857 - Nested lists don't work properly with sortable.

Changeset: 2b899cc8437c5bc16b60a01a51241e4096fd80db

Changed August 23, 2012 02:07AM UTC by Martin Hoch comment:7