Не срабатывает load на картинке?

Question

[Анастасия Смит]

Все картинки нормально загружаются и я получаю у них высоту, а одна из картинок сильно высокая и почему то лоад не срабатывает.
Когда я вывожу в консоль из функции колбека события лоада то именно эта картинка не выводится.
Как это так может быть? Это что на длинные картинки не работает? Что за мистика?
Если не понятно объяснила то напишите, объясню понятнее, отредактирую.

img.addEventListener('load', () => {
      			 	img.style.height = 'auto';
      				let imgHeight = parseInt(window.getComputedStyle(img).getPropertyValue('height')); 

      				console.log(img);

      				if (gridAutoRows && gridGap) {
      			 		this.style.gridRowEnd = "span " + Math.ceil( (imgHeight + gridGap) / (gridAutoRows + gridGap) ); 
      				}
      			});

Comments

[Никита Михайлов]

Будет классно, если приложите пример на условном jsfiddle.net

[Absolute138]

Возможно, ваша большая картинка берется из кэша и load не срабатывает поэтому?

[Vest]

Есть вероятность, что событие вызывается раньше, чем вы на него подписываетесь. Как вариант, можете прописать в теге обработчик события.

В худшем случае, просто смотрите в некотором таймере (или по изменению размера родительского элемента), или ещё где (на самом деле масса способов) изменилась ли высота вашей картинки. Тут есть пример.