Я использую мат-меню 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
