具有物料抽屉组件的物料自动完成下拉式滚动

Question

在我的angular 7应用程序中，我在页面上的材料抽屉位于右侧。在其中添加了一个包含物料自动完成控制的组件。 demo descriptive screenshot

现在，当自动完成下拉菜单呈现并且用户在抽屉上滚动时，自动完成下拉菜单不会停留在打开它的输入字段中。

在我的应用程序模块中，我已经导入了'mat-drawer'中包含的'ScrollDispatchModule'和cdkScrollable。

<mat-drawer mode="side" position="end" cdkScrollable>
...
    <Child-Component>
    </Child-Component>
...
</mat-drawer>

在子组件中

<input [matAutocomplete]="auto">
    <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" [displayWith]="displayFn">
</mat-autocomplete>

我需要自动完成下拉菜单，即使用户尝试滚动抽屉组件，也必须坚持输入字段。