Angular Material CDK 覆盖滚动块在导航侧栏中不起作用

Question

我正在将 CDK 覆盖添加到 mat-sidenav。当覆盖层打开时，我想阻止在 mat-sidenav 上滚动。

我创建了滚动被阻止的叠加层：

const overlayConfig = new OverlayConfig({
  scrollStrategy: this.overlay.scrollStrategies.block(),
});

const overlayRef = this.overlay.create(overlayConfig);

我没有对 mat-sidenav 做任何特别的事情，因为它默认是可滚动的。

这是显示问题的 stackblitz。您应该能够滚动侧面导航，然后打开并覆盖，并注意到侧面导航仍然可以滚动

https://stackblitz.com/edit/angular-z68qqg

Answer 1

您必须在可滚动容器上添加 cdk-scrollable 指令，如本期 https://github.com/angular/components/issues/6157中所述