Перетаскивание и изменение размера трансформированных элементов CSS
Если, например, мы устанавливаем-vendor-transform: rotate(40deg)
атрибут css на прямоугольнике<div>
Все внезапное перетаскивание и изменение размеров становится очень странным и ошибочным.
Вот пример с простым jQueryUI:http://jsfiddle.net/Ja4dY/1/
Вы заметите, что если вы перетаскиваете или изменяете размер этого прямоугольника при преобразовании, он будет прыгать вверх или вниз, и курсор не будет оставаться в правильном месте. В моем реальном коде я использую пользовательский код для изменения размера и перетаскивания, однако я столкнулся с теми же проблемами.
Ну, конечно же, «проблема» является то, что направление элемента будет меняться. Таким образом, слева может быть справа, сверху становится снизу и что-то промежуточное, и код Javascript по-прежнему обрабатывает каждое направление, как это было быnot трансформируются.
Итак, вопрос:How can we compensate transformed / rotated Elements ?
Любые хорошие ресурсы / книги / блоги также приветствуются.