CODEWITHSUNDEEP
jquery-uijquery-ui-sortable
Nick Mehrdad Babaki
Nick Mehrdad Babaki

Reputation: 12565

JQueryUI sortable issue on Chrome

I have a list with about twenty items, and I use JqueryUI sortable to sort them by drag and drop functionality, It works well on IE an Firefox but on Chrome when drag it up, the page scroll reversely and goes down, I use Twitter Bootstrap for styling. I was wondering if any body had a similar issue My code is as below:

<script>
    $(function () {
        $("#sortable").sortable({
            update: function (event, ui) {
            }});
        $("#sortable").disableSelection();

    });
</script>

and my list uses ul and li tags

Upvotes: 1

Views: 2534

Answers (2)

stack-delay
stack-delay

Reputation: 195

I have had the same problem! I went through my css disabling different styles until I found what caused it. In my case I had set overflow-y: scroll; on my <body> tag. Moving it to the <html> tag solved my problem, unfortunately that caused the problem in Firefox instead..

In the end I removed the overflow property altogether. It wasn't so important to me.

Upvotes: 0

Dog
Dog

Reputation: 663

I had a similar problem where the page was scrolling to the bottom in Chrome when I tried dragging a sortable item.
The fix I found was to add the scroll: false option, like this:

$( ".sortable" ).sortable({
           scroll: false
});

The answer here gave me the solution.

Upvotes: 2

Related Questions