Цель :
Чтобы иметь mat-select с multiple выбором, но с большим раскрывающимся списком.
Знает решения:
Добавьте panelClass для выбора мата и настройте его max-height. Кажется, что в некоторых случаях он работает нормально.
Проблема
При нажатии на элементы в раскрывающемся списке происходит неожиданный скачок прокрутки.
Материал пытается изменить центрируйте выбранный элемент так, чтобы он отображался видимым образом, и, поскольку мы изменили размер раскрывающегося списка, он теряет размеры и прокручивается неправильно.
Эта проблема возникает, только если вы выбрали multiple. 1027 *
Возможное решение
- Дождитесь появления материала, когда изменение размера раскрывающегося списка будет официально реализовано. Пока это постоянно.
const SELECT_PANEL_MAX_HEIGHT: 256; - Не меняйте размер раскрывающегося списка) В этом случае цель не будет достигнута, так как нам нужно раскрывающееся меню побольше, чтобы увидеть больше вариантов без прокрутки.
- Предложите другой вариант.
Иллюстрация проблемы:
https://stackblitz.com/edit/angular-material-select-scroll-jumps-on-bigger-size