I want to sort divs within a container that has a zoom of 0.4;
The problem is that when i drag the elements to sort them, the position of the dragged div is not relative to the mouse cursor. How can I have the divs move relative to the cursor as if the container didnt have zoom:0.4?
Heres a demo. Simply drag an element and you will see that the div does not movie according to the cursor. http://codepen.io/anon/pen/CFfxb
#container {
width: 1000px;
height: auto;
background-color:red;
margin: 0 auto;
zoom: 0.4;
}