Arrastando e Redimensionando Elementos Transformados em CSS

Se, por exemplo, definimos um-vendor-transform: rotate(40deg) atributo css em um retângulo<div>, de repente, arrastando e redimensionando se torna muito estranho e falho.

Aqui está um exemplo com um simples jQueryUI:http://jsfiddle.net/Ja4dY/1/

Você notará que, se arrastar ou redimensionar esse retângulo quando transformado, ele saltará para cima ou para baixo e o cursor não permanecerá no lugar correto. No meu código real eu estou usando código personalizado para redimensionar e arrastar, no entanto eu encontrei os mesmos problemas.

Bem, claro que o "problema" é que a direção de um elemento mudará. Então, a esquerda pode estar certa, a parte superior fica no fundo e algo entre elas e o código Javascript ainda lida com cada direção como serianão transformado.

Então, a pergunta:Como podemos compensartransformado / rodado Elementos?

Quaisquer bons recursos / livros / blogs também são muito bem-vindos.

questionAnswers(7)

yourAnswerToTheQuestion