The scroll for a list sortable only works on Internet Explorer

[forresst]

Hello,

Using jQueryUI, I tested a listview "sortable" via Drag and Drop. This works very well with lists that are smaller than the screen.

This test was only done on desktop browsers for now.

In my example, the list has more than 60 elements. So we don't see all the elements on a screen.

Normally provided by the code, I can move the item 1 (via drag and drop) below item 40, the scroll is done automatically as soon as it is at the bottom of the screen.

1°)

If I tested on Internet Explorer 9 in Windows 7, the scroll works.
But Firefox 16 and Chrome 22 (still under Windows 7), it does not work.
Here this code : http://jsbin.com/uzaret/65

2°)

I did a second test, this time around without using jQuery Mobile.
In this case, the scroll work on the 3 browsers. So I think the problem is with jQuery Mobile
Here this code without jQuery Mobile : http://jsbin.com/uxohec/1

Thanks for your help

[arschmitz]

Currently jQuery Mobile and jQuery UI are not compatible.

This is on the roadmap for the future though https://github.com/jquery/jquery-mobile/wiki/Roadmap

[jaspermdegroot]

@forresst

This is caused by overflow-x: hidden; that we set for .ui-content. See a68f6ee for the reason why we do this.

Simple workaround: http://jsbin.com/uzaret/351/edit

As long as UI's drag and drop doesn't work on touchscreens I don't see a need to fix this in the Mobile framework, so I am closing the issue.

[toddparker]

This might be a cool demo with the touch duck punch in place until UI re-writes their interactives:
http://touchpunch.furf.com/

[arschmitz]

@toddparker I can take care of that if you want iv used touch punch to make ipad apps with draggable and sortable.

[forresst]

@uGoMobi Thank you for the tip

@toddparker @arschmitz I wrote an article about it. ( http://forresst.github.com/2012/06/22/Make-a-list-jQuery-Mobile-sortable-by-drag-and-drop/ ) And several readers have pointed out that this does not work with a long list. That is why I have taken zero my study and I came across this problem.

I redo the test with jQuery UI Touch Punch and I'll let you know.

[toddparker]

Thanks all!

[urbien]

is there any plan to add sortable listview?

[arschmitz]

you can do this your self pretty quickly and easily with ui sortable and new auto initalization in 1.4 http://jsbin.com/ofuhaw/161/edit you can leave out the second line of js if you are not using dividers that need to be updated after sort is complete