title: Dragging & Resizing CSS Transformed Elements
body: <p>If for instance, we set a  <code>-vendor-transform: rotate(40deg)</code> css attribute on a rectangle <code>&lt;div&gt;</code>, all the sudden dragging and resizing becomes very weird and flawed.</p>
  
  <p>Here is an example with a simple jQueryUI: <a href="http://jsfiddle.net/Ja4dY/1/">http://jsfiddle.net/Ja4dY/1/</a></p>
  
  <p>You will notice, that if you drag or resize that rectangle when transformed, it will jump up or down and the cursor will not remain in the correct place. In my real code I'm using custom code for resizing and dragging, however I encountered the same problems.</p>
  
  <p>Well, of course the "problem" is that the direction of an Element will change. So left can be right, top gets bottom and something inbetween and the Javascript code still handles each direction as it would be <em>not</em> transformed.</p>
  
  <p>So, the question: <strong>How can we compensate <em>transformed</em> / <em>rotated</em> Elements ?</strong></p>
  
  <p>Any good resources / books / blogs are also very welcome.</p>