问隐藏在对话框后面的PrimeNg颜色选择器覆盖
EN

Stack Overflow用户

提问于 2017-12-06 22:17:05

回答 1查看 1.3K关注 0票数 0

我在对话框中使用PrimeNG颜色选择器覆盖。

<p-colorPicker [(ngModel)]="activity.color" name="color" appendTo="body"></p-colorPicker>

问题是选择器没有显示和展开对话框体，添加滚动条。我要彩色选择器覆盖在对话框上。

设置appendTo="body"可用于日历小部件，但不适用于颜色选择器。基于docs，我尝试了各种选项，例如在对话框<p-dialog #activityDialog ...中指定模板变量，并在颜色选择器的appendTo中引用它，但这是行不通的。

回答已采纳

发布于 2017-12-08 20:52:33

更新：

<p-dialog [contentStyle]="{'overflow':'visible'}">
</p-dialog>

这完成了所有的工作，并且已经记录在案：这里

我通过设置：

:host /deep/.ui-dialog .ui-dialog-content {
    overflow: visible;
}

在包含对话框的组件的css中。虽然:host /deep/按角度是已弃用

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47684364

复制

相似问题

问隐藏在对话框后面的PrimeNg颜色选择器覆盖EN