Как показать / открыть раскрывающийся список сверху в компоненте Kendo Multiselect для angular

Question

Я использовал выпадающий список kendo Multiselect на своей странице. Когда я нажимаю на него, он открывает список сверху вниз (вниз). По моему требованию, мне нужно показать его снизу вверх (вверх).

Я проверил документацию kendo UI angular для компонента множественного выбора. Для этого изменения нет доступных вариантов.

Пожалуйста, помогите мне с этим требованием, заранее спасибо.

<kendo-multiselect kendoMultiSelectSummaryTag [data]="data" (valueChange)="onChange($event)" [filterable]="true"
  [(ngModel)]="subValues" [textField]="textField" [valueField]="valueField" [clearButton]="false" [autoClose]="false"
  [value]="selectedValue" [popupSettings]="{popupClass: 'popupStyle'}" (keypress)="disableText($event)"
  (open)="onOpen($event)" (close)="onClose($event)">

  <ng-template kendoMultiSelectItemTemplate let-dataItem>
    <input type="checkbox" class="k-checkbox" [disabled]="selectedValue.length===1 && isItemSelected(dataItem.text)"
      [checked]="isItemSelected(dataItem.text)">
    <label class="k-checkbox-label">{{ dataItem.text }}</label>
  </ng-template>
  <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>
    <span class="k-icon k-i-arrow-s"></span>
    {{ dataItems.length }} selected
  </ng-template>
</kendo-multiselect>

Скриншот прилагается

Answer 1

Пример: всплывающая позиция

$("#optional").kendoMultiSelect({
    autoClose: false,
    popup: {
        origin: "top left",
        position: "bottom left"
    },
    animation: {
        open: {
            effects: "slideIn:up"
        }
    }
}).data("kendoMultiSelect");

Объяснение взято из: Форум Telerik

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