Skip to main content

Search and Top Navigation

#5450 closed bug (worksforme)

Opened March 30, 2010 02:42PM UTC

Closed November 08, 2012 12:41AM UTC

Cannot drop items onto a empty list for connected sortable list inside a overflowing div

Reported by: dodecapus Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.sortable Version: 1.8
Keywords: Cc:
Blocked by: Blocking:
Description

When there are two connected sortable lists inside of scrolling divs one on top of the other. When the bottom list is empty, unless ones scrolls all the way down to the bottom of the top list, the items cannot be moved to the list on the bottom. When the top div has scrolled all the way down, any items that are currently viewable can be dragged to the bottom just fine.

It is not tested, but I imagine this is the case for any direction of scrolling.

Attachments (0)
Change History (6)

Changed March 30, 2010 02:52PM UTC by dodecapus comment:1

It is also the case that when you start to move the last item on the bottom list, it no longer has a placeholder to drop onto on the bottom list unless the top list has been scrolled all the way down.

Changed March 30, 2010 02:53PM UTC by dodecapus comment:2

Replying to [comment:1 dodecapus]:

It is also the case that when you start to move the last item on the bottom list, it no longer has a placeholder to drop onto on the bottom list unless the top list has been scrolled all the way down.

And by last item in the list, I mean the bottom list only has one item left.

Changed November 19, 2010 12:26PM UTC by jordibig comment:3

I was about to report this as a new bug, but I saw that one, so I leave here the example I prepared. I've noticed that everything works properly with jquery-ui-1.7.3, and the problem appears on 1.8

To reproduce it:

1. drag at least 6 items from the box on the left to the right-top box. Overflow:auto and fixed height cause scroll to appear and limit the scope of the ul, but the droppable area grows then to the bottom list.

2. try to drag 1 item to the box on right-bottom

3. the item is dropped on the bottom box, but appears on the top list

example including 1.8.2 (not working): http://jsbin.com/oziqo4/8

example including 1.7.3 (works fine): http://jsbin.com/oziqo4/7

Changed February 13, 2012 07:55PM UTC by patriciavandermeer comment:4

I'm having this problem as well, using jquery ui 1.8.11

Is there any update on if/when this will be fixed? or a workaround/hack to fix it?

Changed October 11, 2012 09:07PM UTC by scottgonzalez comment:5

milestone: TBD2.0.0

Changed November 08, 2012 12:41AM UTC by mikesherov comment:6

resolution: → worksforme
status: newclosed

Thanks for taking the time to contribute to the jQuery UI project! I can no longer reproduce the issue using the latest jQuery and jQuery UI. http://jsfiddle.net/vnRcg/

If you can still reproduce it, please feel free to reply to this ticket with a test case showing the problem. Thanks!