首页 文章

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

提问于
浏览 次
0

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

现在，当我打开下拉列表时，它会将滚动条添加到对话框中 .

enter image description here

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

我试过给对话框提供max-height属性，但没有工作:(

html css angular angular-material2 mddialog

1 回答

  • 0

    将click事件添加到搜索元素：

    <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的对话框更改父级 .

    回复于

相关问题