How to get rid of the horizontal scroll in jQuery UI

Question

I needed to add a overflow-y to accommodate draggable elements. But now when I drag items the area where they reside is adding having a horizontal scroll.

Demo with scroll. Demo that works properly.

Drag item from the left column to the right field.

Answer 1

Set the scroll option to false on your draggables when you create them. That should prevent them from auto scrolling the container

    $("#myDraggable").draggable({
        scroll : false,
        }
    });