В хроме (и в вашем сафари видимо тоже) баг девтулза, не отображается изменение тэга
<g style="pointer-events:visiblePainted" transform="matrix(0.334154, 0, 0, 0.334154, -3855.38, -1507.44)" image-rendering="auto" shape-rendering="auto">
...
</g>
Там меняется аттрибут
transform, можно выбрать его и в консоли смотреть через
$0.getAttribute('transform') после изменения масштаба или положения
Ну и в мозилле например хорошо видно что transform меняется.
Вот к примеру, я взял два разных куска разметки при разном зуме и поставил их рядышком, наглядно видно разницу
https://jsfiddle.net/melchiorio/8c6grskv/ 
