Opened 7 years ago

Last modified 6 years ago

#7501 open bug

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.

Change History (5)

comment:1 Changed 7 years ago by pimvdb

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

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


comment:3 Changed 6 years ago by petersendidit

Status: newopen

comment:4 Changed 6 years ago by tj.vantoll

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

Updated test case against master:

comment:5 Changed 6 years ago by mikesherov

not related to #8792 as mentioned in #8792

Note: See TracTickets for help on using tickets.