JQuery UI Draggable Bug

We have a part of the website where users can drag images around a canvas and drop them to create a specfic design. This is done by using the jQuery UI Draggable plugin which can be found here https://github.com/dsbaars/jq-ui-draggable-collision.

The user can have the ability to zoom in or out which sets the transform scale property of the draggable area. The problem is that when the user zoom's in or out the images are not allowed to overlay but there is a bug where users can overlay images when dragging.

I need a fix in place so that users can not overlay images when dragging and when zooming in and out.