Я использую Angular Материал (Angular 9.1.2, Материал 9.2.1).
У меня есть прокручиваемый контейнер и списки перетаскивания (несколько списков) внутри. В Mateiral v9 добавлена функция для фиксации заполнителя и позиции сортировки с помощью ScrollableParents () . И это правильно, но ... это работает только после сортировки, перетаскивания элемента в список. На первом событии после инициализации init это не так. Есть идеи, что я сделал не так? Или я должен создать выпуск для Angular материала?
@ViewChildren(CdkDropList) dropLists: QueryList<CdkDropList>;
protected setScrollContainer() {
if (this.dropLists) {
this.dropLists.forEach((x) => {
const htmlElement = x.element.nativeElement;
const scrolledElement = htmlElement.closest('.ps.ps--active-y') as HTMLElement;
x._dropListRef.withScrollableParents([scrolledElement]);
});
}
}
<div class="fields-list"
cdkDropList
#list2
(mouseenter)="setScrollContainer()"
[id]="addFiltersId(groupIndex, 'report-where')"
[cdkDropListConnectedTo]="dragAndDropListsFilters"
[cdkDropListData]="filtersGroup.filter"
(cdkDropListDropped)="dropFilter($event, 0)">
</div>