Как установить максимальную высоту для полосы прокрутки в автозаполнении компонента

Question

Я использую автозаполнение компонент в моем проекте, наряду с компонентом автозаполнения я добавил кнопку внутри компонента для добавления нового клиента, как показано на рисунке ниже.

Здесь я хочу достичь 2 вещей:

1) Я хочу сделать кнопку фиксированной даже после прокрутки (i, e Добавить нового клиента).

2) Я хочу уменьшить высоту полосы прокрутки. Как я могу это сделать? Вот разветвленная stackblitz ссылка

Answer 1

1) Использование position:sticky:

.add-button{
  position: sticky;
    top: 0;
    z-index: 2;
}

2) Используйте height до .cdk-overlay-pane с ::ng-deep

::ng-deep .cdk-overlay-pane{
    height: 150px!important;}

Смотрите здесь: https://stackblitz.com/edit/angular-9ao75y-fc23aj?file=app/autocomplete-filter-example.css