Skip to main content

Search and Top Navigation

#7501 open bug ()

Opened June 23, 2011 12:28PM UTC

Last modified March 08, 2013 09:00PM UTC

Sortable: Wrong placeholder placement with float:left

Reported by: pimvdb Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.sortable Version: 1.8.14
Keywords: Cc:
Blocked by: Blocking:

I have a ul with sortable enabled. The li elements are styled with float:left. However, when dragging an item from the second row to the one above (in case a li wraps to the next line), the placeholder is occasionally placed wrongly. Other times is will be placed faster, resulting in a flicker.

This is a jsFiddle I set up:

1) Resize your window so that Try to drag the last li (foo4) is placed on a new line.

2) Drag foo4 to foo2.

3) Sometimes at this point the placeholder is not at foo2 but at foo3. When one lets the mouse stay there, the placeholder will automatically be placed at foo2 after a second or so.

Attachments (0)
Change History (5)

Changed June 23, 2011 12:34PM UTC by pimvdb comment:1

Just in case it isn't clear, I recorded what I mean:

Changed October 11, 2012 02:55PM UTC by scottgonzalez comment:2


Changed November 04, 2012 10:20PM UTC by petersendidit comment:3

status: newopen

Changed February 20, 2013 03:08AM UTC by tj.vantoll comment:4

summary: Wrong sortable placeholder placement with float:leftSortable: Wrong placeholder placement with float:left

Updated test case against master:

Changed March 08, 2013 09:00PM UTC by mikesherov comment:5

not related to #8792 as mentioned in #8792