jQuery UI Draggable-Droppable overflow:visible

Posted by Jeff on Stack Overflow See other posts from Stack Overflow or by Jeff
Published on 2012-03-21T11:25:10Z Indexed on 2012/03/21 11:29 UTC
Read the original article Hit count: 387

Filed under:
|
|
|

Sadly, I am unable to provide any JSFiddle for this issue, as I cant seem to reproduce it outside my project.

I have a container where there are some boxes, that can be arranged using drag and drop, by utilizing jQuery UI. The problem is, that the container is overflow:auto; but it needs to be overflow:visible;, but if I do that, jQuery UI malfunctions. When a box drag is initiated, it will immediatly jump up aproximately 400-500px.

This is how the draggable is created:

        $(".draggable").draggable({
            revert: 'invalid', // when not dropped, the item will revert back to its initial position
            containment: '#editContainer', // stick to demo-frame if present
            helper: 'original',
            cursor: 'move'
        });

Is this a bug with jQuery UI, or can this be fixed on my end?

I apologize for the lack of source code.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-ui