jQuery draggable and -webkit-transform: scale();

Question

I have a situation where inside a div there are draggable items. However, when the parent div is scaled using -webkit-transform, the d

Answer 1

I think you need the Transformable (http://plugins.jquery.com/project/transformable) jQuery plugin, in order to 'normalize' the WebKit scaling. Then dragging will work as in Firefox.

Here is the plugin - http://flin.org/js/jquery.transformable.js. I think it should resolve your problem. Here is my version of your code: http://jsfiddle.net/vMaXm/4/

$("#parent").setTransform("scalex", 1.5);
//$("#parent").setTransform("scaley", 1.5);
$('.draggable').draggable({ containment: "parent" });

​

However, at this moment, if I uncomment the middle line I get the same problem you report.