Что происходит с Safari при вычислении высоты?

Question

[someden]

Обнаружил странную особенность Safari, если задавать высоту элемента и потом запросить ее, то происходит какая-то магия:

$('.js--post-grid').height(400);
console.log($('.js--post-grid').first().height());    // = 0
console.log($('.js--post-grid').last().height());     // = 0
setTimeout(function(){
  console.log($('.js--post-grid').first().height());  // = 23
},1);
setTimeout(function(){
	console.log($('.js--post-grid').first().height());  // = 23
},2);
setTimeout(function(){
  console.log($('.js--post-grid').first().height());  // = 23
},10);
setTimeout(function(){
  console.log($('.js--post-grid').first().height());  // = 201
},100);
setTimeout(function(){
  console.log($('.js--post-grid').first().height());  // = 400
},1000);

Высота зависит от времени в которое ее запросили, как так?

Пример, смотрите консоль.
Проверял в Safari 9.1 и Safari 9.1.1

Answer 1

[Алексей]

Если заменить time = .4s на time = 0s то магия пропадает, значит в Сафари выдается актуальная высота.

Comments

[someden]

Не совсем понял вас. Если вызывать setTimeout с задержкой в 0 секунд, то у меня показывает высоту 5 пикселей, а должно быть 400.

[Алексей]

Я имел в виду в CSS прописано время, видимо для анимации time = .4s, если заменить на ноль - высота в Сафари становится постоянной. Видимо Сафари выдает текущую актуальную высоту, которая во время анимации меняется.

[someden]

Точно! Благодарю! Уже неделю разбираюсь с этим багом.