SSR with CDK Virtual Scroll: ResizeObserver is not defined error thrown

[kanehjeong]

This happened when upgrading to ngx-scrollbar 15 and swapping out the scrollViewport for the externalViewport with the cdkVirtualScrollViewport as mentioned in this integration docs here. This is assumed to be because ResizeObserver is being used somewhere without properly handling a case where the scroll is rendered server side.

Everything works fine once it is hydrated through CSR on the browser, so it's really just a minor inconvenience with the error logging.

Reproduction

Couldn't easily add @angular/ssr in the StackBlitz, but I've uploaded a screen shot of the code here.

Expected Behavior

What behavior were you expecting to see?
No error when loading ng-scrollbar with cdk virtual scroll on the server using angular ssr

Actual Behavior

What behavior did you actually see?
An error in the server side console logs.

Environment

• Angular: 18.0.1
• ngx-scrollbar: 15.0.0
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): macOS and Windows

[MurhafSousli]

I just published a beta release 15.0.1-beta.0, could you try if this fixes the issue?

[kanehjeong]

@MurhafSousli Tested 15.0.1-beta.0 and it works great 👍.