when using the angular cdk-virtual-scroll as per below code, content displays correctly before image loaded. however, after image is loaded, scrolling seems to work incorrectly.
in this case, scroll direction is vertical. as scrolling occurs, extra white space is added to the bottom of the parent viewport.
i would speculate that the scroll element determined child sizes before image load and therefor height of each child does not match actual child height after image load.
question is what are my options to work around this problem please.