PrimeFaces的对话框组件出现问题

Question

在我的应用程序中,当用户单击Reply注释时,我将显示一个用于键入消息的对话框.请看下面的图片.

如您所见,对话框中有2个问题.

1. 它部分隐藏<p:layoutUnit>在右侧.
2. 当我将该属性添加modal="true"到对话框时,对话框本身也无法访问.

如果你能就如何解决这些问题给我一些建议,我将非常感激.

最好的祝福,

Answer 1

我终于找到了解决方案.要解决这个问题,有两件事要做:

1. 将该属性添加appendToBody="true"到对话框组件.
2. 将对话框从中心移出,<p:layoutUnit>让它站在自己的外面<p:layout>.

需要注意的一件重要事情是,如果我将该属性添加style="z-index: 999 !important;"到对话框组件中,该对话框将正常显示.但是,文本区域将变得无法响应.