具有模式面板問題的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;
}