Description

We are using your autosize virtual scroll implementation together with Ionic and were facing some issues.

The initial calculated height of the virtual scroll viewport is wrong when working with Ionic components.
(I guess thats not an Ionic exclusive problem, but rather a problem with web components?)

The View (there should be 5 items):

DevTools:

It also seems to make a difference whether an custom scroll container with rxVirtualScrollElement is used or not.
When removing the custom scroll container, the issue doesn't reproduce anymore.

Steps to Reproduce the Issue

Look at this stackblitz.

Click the Change detection button to fix the view by triggering change detection manually. That does only work
when reading the signal in our template instead of passing it.

When removing the rxVirtualScrollElement container, it doesn't reproduce anymore.

Environment

Angular: 18.2.12
rx-angular/template: 18.0.3
Browser: Chrome 131.0.6778.85