I'm trying to loop over an HTMLCollection (article tag), to dynamically add a css property "height"...

I have 9 articles in my block, with 9 different "offsetheight".

But, when I did a map on these articles, the offsetheights changed...

const shallow = Array.from(articles).map(article => article.offsetHeight) ;

console.log : Array(9) [ 362, 362, 362, 257, 257, 257, 446, 446, 446 ]

I don't understand why this happened. I'm working on a WordPress project with a 3 column Grid element (elementor), I think there is a link to this problem.....

Thanks!