Prime Faces对话框与模式面板问题

Question

当使用模式属性设置为true的<p:dialog>标记(在Prime Faces 3.3.1中)时，我会得到奇怪的行为。位于弹出窗口和页面之间的"深色半透明面板"从上到下正确地覆盖了页面大小，但当我向下滚动页面时，它被剪切了。

我认为Prime Faces(或jQuery)正在检索窗口的大小，而不是页面的大小，以计算深色半透明面板的尺寸。

有什么想法吗？

这是我的代码：

<p:dialog draggable="false" id="dialogAddItems" header="Add item" modal="true" resizable="false" widgetVar="widgetDialogAddItems" width="600" height="200">
<h:form>
...
</h:form>
</p:dialog>

Answer 1

我在素数面3.4中遇到了这个问题，设置<p:dialog>的属性appendToBody="true"解决了这个问题。我希望这也能解决你的问题。

Answer 2

因此，我尝试了appendToBody="true"，并将标记放置在页面上的许多不同位置。什么都没用。甚至尝试将Prime Faces更新到最新版本。也没用。所以，我的解决方案是一个变通办法，但这是因为我没有其他想法：

.ui-widget-overlay {
position: fixed !important;
top: 0px !important;
}