Let's say there is fixed header component that has two or more component. The component has it's own rendering function. Some may render earlier while some may render later.
Below the header component, there is section that renders list of information. Since the header is fixed, the list component has to be given certain top value in order for it to be placed just below fixed header component.
How can one manage the top value for list regarding that the fixed container can have 1 or more component render?
This will grab the total height the fixed container takes and store it in css variable which will then be access by list component.
But the problem here is that it is one time only. If certain component render few seconds later, it won't add that component height.
Any suggestions on how can this be changed or updated?