DEV: Account for below-site-header and above-site-header outlets when positioning timeline and usercards (PR #10434)

I’ve run into this before to a lesser extent, and I’m currently hitting this issue in an enterprise customer theme that has large banners using these outlets.

The user-card and timeline positioning is broken if the below-site-header or above-site-header outlets have height (more noticeable as they get taller)…

So what I’m attempting to do here is account for those outlets. One thing to keep in mind is that outlets can be used multiple times. I’ve tested this and it works for me™, but I’m not sure if it’s the correct way to accomplish it.

GitHub

is there any reason you don’t use forEach here ? https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/forEach

if you absolutly want to use for, var should at least be replaced by let