Calculating block properties once rendered

[Axelcureno]

Is there a way in Milo to calculate properties of a given block (e.g width/height) once after the block is rendered?
I've noticed using events like window.onload or document.addEventListener('DOMContentLoaded', function() {, or even updated() or firstupdated() when using web components, don't seem to trigger at all and when getting something like offsetHeight and the value of everything is zero. I'm guessing this might be due how Milo loading lifecycle is set.

In the case of my requirement, I need to calculate the biggest height of a portion of the block and then resize all the blocks to the maximum calculated height value:

Expected:

Actual:

Any ideas or suggestions are greatly appreciated.

[chrischrischris]

At the moment I don't think it's possible since the block code runs before the blocks are rendered.

I think that we could change display: none to visibility: hidden which would allow you to get the element height/width before it's displayed:
https://github.com/adobecom/milo/blob/main/libs/styles/styles.css#L807

Definitely would need to be heavily tested and make sure that performance isn't affected.

@auniverseaway @rgclayton Thoughts?