Почему мистика в window.getComputedStyle()?

Question

[Sergey Romanov]

Не могу понять почему такое происходит. Мой код прост.

var styles = window.getComputedStyle(element[0], null);

console.log(styles);
console.log(styles['fontSize']);

И вот этот код вывидет в консоль

{
   'background': '0',
   'fontSize': '15px',
   'etc': '...'
}

11px

ПАчему? Ведь только что было 15 и стало 11. Как так?

Забыл упомянуть. Дело происходит в директиве ангуляра. Может это имеет значение.

Comments

[Сергей Наломенко]

а если сделать так:
console.log(styles);
console.log(styles['fontSize']);
console.log(styles);

Что будет? )

[Sergey Romanov]

Сергей Наломенко: Очень странно. Сначало было 15 а потом всегда 11.Но во втором console.log(styles); это тоже 15.

Я подозреваю, это связано с тем что дом еще не загрузился кода я вызываю window.getComputedStyle(element[0], null);

Поэтому там еще нет стилей. А то что в console.log(styles); как то связано с домом и обновляется быстрей чем я раскрою объекст что бы посмотреть.

В любом случае таймаут решает проблему, но это пока затычка. От куда мне знать столько времени уйдет что бы дом загрузился.

Вот проект над которым я работал для нашего проекта. Сделал как отдельную библиотеку что бы другие тоже могли использовать. Если хочешь глянь в код. Может будет идея. В строе 33 я получаю стили. если сразу за ней консоль лог сделать, то получается такая история.

https://github.com/Serhioromano/angular-growing-input

[Sergey Romanov]

Я прикомител измениения только что. Сделал через событие дом реди. Все работает.