带有模式面板问题的Prime Faces对话框

Question

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

我认为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

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

Answer 2

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

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