javascript - 无法从模式中的建议列表中带来

Question

我在Dialog内使用PrimeNG AutoComplete ，并在此对话框中列出了下面的元素。PrimeNG AutoComplete

我想要做：

1. max-height是300，如果添加的modal dialog元素的总高度大于它，那么模态scrollbar应该是可见的。

2. 当列表中没有元素时，AutoComplete's建议列表应该在对话框中可见。

但是当我设置overflow模态的属性时，AutoComplete建议列表会显示在模态中。是否可以制作如下所示的 2 个元素？当模式中的总元素为 10 时，我也会显示scrollbar。知道吗？

这是CSS样式：

body .ui-dialog {
    overflow-y: auto !important;
    max-height: 300px;
}

body.ui-autocomplete-panel{
    position: relative;
    z-index: 9998!important;
}

标签： javascripthtmlcssangularprimeng

Answer 1

添加appendTo="body"对我有用