Перетаскивание и изменение размера трансформированных элементов CSS

Если, например, мы устанавливаем-vendor-transform: rotate(40deg) атрибут css на прямоугольнике<div>Все внезапное перетаскивание и изменение размеров становится очень странным и ошибочным.

Вот пример с простым jQueryUI:http://jsfiddle.net/Ja4dY/1/

Вы заметите, что если вы перетаскиваете или изменяете размер этого прямоугольника при преобразовании, он будет прыгать вверх или вниз, и курсор не будет оставаться в правильном месте. В моем реальном коде я использую пользовательский код для изменения размера и перетаскивания, однако я столкнулся с теми же проблемами.

Ну, конечно же, «проблема» является то, что направление элемента будет меняться. Таким образом, слева может быть справа, сверху становится снизу и что-то промежуточное, и код Javascript по-прежнему обрабатывает каждое направление, как это было быnot трансформируются.

Итак, вопрос:How can we compensate transformed / rotated Elements ?

Любые хорошие ресурсы / книги / блоги также приветствуются.

Ответы на вопрос(7)

Ваш ответ на вопрос