В чём отличие zoom от scale?

Question

[Евгений]

Я пытаюсь заменить свойство zoom на scale. Но столкнулся с тем, что они работают по-разному.
В прошлой версии, zoom использовался для масштабирования рабочей области и его значение применялось в скрипте для расчёта координат.

Это видно на примере. Изменение масштаба - колёсико мыши. ЛКМ - создать блок.
https://jsfiddle.net/t0qafLoc/

Если заменить zoom на scale. При изменении масштаба происходит смещение блоков.
https://jsfiddle.net/u5m4wxa2/

В чём причина такого поведения и как можно исправить проблему?

Answer 1

[Ivan Bogachev]

У CSS-трансформаций есть такая штука, как transform-origin. В вашем примере эта точка находится по умолчанию в центре элемента. А у нестандартного свойства zoom аналогичная точка по умолчанию в левом верхнем углу элемента. Добавьте вашему workspace transform-origin: 0 0; и поведение станет схожим.