如何根据对话框内容中使用的下拉组件调整angular-material2的md-dialog-container的大小

Question

我正在使用Angular Material2的对话框组件。 在对话框中，我使用输入字段和angular2-dropdown-multiselect 。

现在，当我打开下拉菜单时，它将滚动条添加到对话框中。

我想让对话框在打开多选下拉菜单时应自动调整大小，而不是提供滚动条。

我尝试将max-height属性赋予对话框，但不起作用:(

Answer 1

在您的搜索元素中添加点击事件：

<div class="form-group" (click)="autoScroll($event)">
    <ss-multiselect-dropdown></ss-multiselect-dropdown>
</div>

在控制器中：

autoScroll(event): void {
  let parent = document.getElementById("ng2Dialog");
  parent.scroll(0, event.target.getBoundingClientRect().top);
}

您可以使用Angular Material2的对话框更改父级。