Search jQuery

jQuery Forum

1.8rc1: connectToSortable fails when sortable list is floated

in Developing jQuery UI • 4 years ago

I have a draggable connected to a sortable list. It works fine.
If I float the list in order to make it horizontal, then the
draggable can no longer be dropped into the list.
Regards
Jonathan

Replies(10)

pbakaus

Re: 1.8rc1: connectToSortable fails when sortable list is floated

4 years ago

Do you have a test page you could show to us?
Thanks,
Paul

jonathan14

Re: 1.8rc1: connectToSortable fails when sortable list is floated

4 years ago

You can see it here....
http://www.ifranks.com/connectToSortable.html
just disable float through firebug to see what happens....
Thanks
Jonathan

pbakaus

Re: 1.8rc1: connectToSortable fails when sortable list is floated

4 years ago

Mh, I don't understand...I tried what you said, it works fine in both cases.

jonathan14

Re: 1.8rc1: connectToSortable fails when sortable list is floated

4 years ago

strange...
I just tried and the problem is there. If I trash a sortable and try
to drag it back into the list I can't do it. If I disable float, I can
drag the deleted sortable back into the list.
But as I said, I found I could get the floated list to accept trashed
items by giving the ul a size.
Thanks for looking!...

Guest

Re: connectToSortable fails when sortable list is floated

3 years ago

This discussion dates from 2008 and it's still happening today with version 1.8rc1:

interaction between draggables and sortables works fine via the parameter connectToSortable unless the items in that sortable list are floated to the left (wich is the accepted method to make a sortable list into a grid).

To try it out just go to the documentation page here: http://jqueryui.com/demos/draggable/#sortable

with Firebug go to CSS and right click the console to create a new rule that will be ul > li { float:left } and that's it; the draggable-sortable is broken until you undo this new rule.

I've tried jonathan14's fix giving either the ul or li a size but unfortunately this doesn't work for me.

And by the way, this problem is present in both Firefox and Chrome (and with Chrome, my guess is in Safari too).

Does anyone know if there's a fix or if it's in the works or something? Thanks.

Abel Tama..

Re: 1.8rc1: connectToSortable fails when sortable list is floated

3 years ago

I'm sorry to sound pushy, but is there any way to know if this issue is being worked on? I've tried looking into the code myself but it's way above my programming skills.