В моем угловом приложении 7 на странице есть ящик с материалами, который отображается справа. В котором я добавил один компонент, содержащий контроль автозаполнения материала.
Описательный демонстрационный скриншот
Теперь, когда выпадающий рендер автозаполнения и пользователь прокручивают ящик, выпадающий список автозаполнения не привязывается к полю ввода, из которого он открывается.
В моем модуле приложения я уже импортировал «ScrollDispatchModule» и cdkScrollable, включенные в «mat-box».
<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>
Мне нужно, чтобы в автозаполнении выпадающий список оставался в поле ввода, даже если пользователь пытается прокрутить компонент ящика.