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

Question

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

现在，当我打开drop时，它会将滚动条添加到对话框。

​

​

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

我已经尝试给对话框设置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的对话框更改父对象。