Баг Google Chrome или неправильный код? Неправильно получает значения ширины и высоты картинки

Ребят, столкнулся с такой проблемой, я делаю простой вьювер изображений и в одном моменте мне просто нужна ширина значения изображения для анимации. Но суть вот в чём.

Есть вот такой кусок кода:

animate(from, to, func, duration) {
    self = this;

    let beginTop = from.getBoundingClientRect().top;
    let beginLeft = from.getBoundingClientRect().left;
    let beginWidth = from.getBoundingClientRect().width;

    let endTop = to.getBoundingClientRect().top;
    let endLeft = to.getBoundingClientRect().left;
    let endWidth = to.getBoundingClientRect().width;

    console.dir(to);
    console.log(to.clientWidth, to.naturalWidth);
    console.log(to.getBoundingClientRect())

    let deltaTop = endTop - beginTop;
    let deltaLeft = endLeft - beginLeft;
    let deltaWidth = endWidth - beginWidth;
    ...

Здесь я получаю свойства изображения, в данном случае мне нужна ширина. Попробовал двумя способами, через функцию и напрямую. Так вот, в остальных браузерах все значения выводят корректно, кроме Google Chrome, он выводит ширину и высоты по нулям. При этом вроде бы видно, что в console.dir(to) он вроде бы выводит значения ширины и высоты.

Но строкой ниже, когда получаешь свойство напрямую, он выдаёт их по нулям.

Как вообще понять? Мой косяк или косяк хрома?? Так как в остальных браузерах значения выводит почему-то корректно.

Есть видеофайл с демонстрацией проблемы. https://ru.files.fm/f/8ms9hnma