Disable page scrolling not working

[Parnavs]

I've set these defaults:

    this.tourService.setDefaults({
      enableBackdrop: true,
      closeOnOutsideClick: false,
      duplicateAnchorHandling: 'registerFirst',
      disablePageScrolling: true
    });

but once an user hovers on the highlighted element, they are able to scroll (if they hover over the backdrop, they are not able to). I've tried setting the anchors on several elements (for example div with no scss). I'm using the default template. My app component is using a mat sidebar and the router outlet is inside the mat-sidenav-content. I've tried moving the template tag here, but that did not work.

Any idea?

I'm on angular 19.1.5, zoneless.

[hakimio]

By default scrolling is disabled on the document element. In your case most likely you have to manually specify the scrollContainer option.

[Parnavs]

did the trick, set it to .mat-drawer-content