Изменить высоту выпадающего меню в Kendo для Angular

Question

В этом StackBliz У меня есть выпадающий список Kendo for Angular.Когда вы открываете выпадающий список, всплывающее окно показывает семь элементов.Я просто хочу показать три предмета.Поэтому я установил высоту в popupSettings на 30, но Кендо игнорирует ее.Как изменить высоту всплывающего окна?

@Component({
  selector: 'my-app',
  template: `
      <kendo-dropdownlist 
         [data]="listItems"
         [popupSettings]="{
            width: 100,
            height: 30 }">
      </kendo-dropdownlist>
  `
})
export class AppComponent {
    public listItems: Array<string> = [];

    ngOnInit(){
         for(var i=1;i<=100;i++)
            this.listItems.push('Item ' + i);
    }

}

Answer 1

Вы увидите, что Kendo сгенерирует div для выпадающего списка, если вы сможете проверить элементы в своем браузере.

<div unselectable="on" class="k-list-scroller" style="max-height: 200px;">

Измените max-height для класса k-list-scroller