Mat-Menu теряет фокус ввода при фильтрации прокручиваемого контента ⇐ Javascript

[Anonymous]

Я использую мат-меню Angular Material, чтобы создать выпадающий список с вводом поиска и прокручиваемым списком элементов (автомобилей). Все работает нормально, когда список маленький. Но когда высота списка превышает 350px (создание прокручиваемого меню), ввод в ввод поиска приводит к тому, что поле ввода теряет фокус, особенно при динамической фильтрации списка через FormControl.valueChanges. Это происходит только тогда, когда контент внутри меню закручивается (высота> 350px). Если список небольшой (без прокрутки), нет проблемы с фокусом.searchControl = new FormControl('');
filteredCars: string[] = [];

this.searchControl.valueChanges.subscribe((searchText: string) => {
this.filteredCars = this.Cars.filter(car =>
car.toLowerCase().includes(searchText.toLowerCase())
);
});


html
0">


car

({{ requestFormGroup.get('cars')?.value.length }})






Search car...




{{ car }}







css
.menu-list {
max-height: 350px;
overflow-y: auto;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... le-content