Почему перетаскиваемое сдерживание jquery ui не работает, если используется масштаб преобразования ⇐ Jquery

[Anonymous]

У меня есть код, демонстрирующий проблему.
JSFIDDLE
У меня есть элемент, который можно перетаскивать, и он работает нормально. Я включил кнопку, которая позволяет пользователю «масштабировать». Это тот случай, когда что-то идет не так.
Проблема заключается в том, что после нажатия кнопки масштабирования происходит сдерживание
code> часть перетаскиваемого объекта больше не подчиняется ограничениям left/top/width и высоты родительского элемента. Он по-прежнему ограничен, но имеет неожиданное расположение границ.

Код: Выделить всё

Zoom in


Move me







$("#draggable").draggable({containment:"#innerWrapper"});

const btn = document.getElementById("btn");
btn.addEventListener("click", zoom);

function zoom() {
document.getElementById("innerWrapper").style.transform = "scale(1.2,1.2)";
}

Фактически, каждый раз, когда вы нажимаете кнопку масштабирования, граница ограничения изменяется.
Я пытался добавить перетаскивание > обратный вызов события внутри перетаскиваемого объекта, но я все еще не вижу, как это исправить

Подробнее здесь: https://stackoverflow.com/questions/782 ... le-is-used