0

<p:dialog>modal 属性を true に設定して (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>
4

2 に答える 2

4

Primefaces 3.4でこの問題が発生し、問題を解決したという属性appendToBody="true"を設定しました<p:dialog>。これであなたの問題も解決することを願っています。

于 2012-11-15T02:40:58.710 に答える
0

そこで、appendToBody="true"ページのさまざまな場所にタグを配置してみました。何も機能しませんでした。Prime Faces を最新バージョンに更新することさえ試みました。どちらも機能しませんでした。したがって、私の解決策は回避策でしたが、他にアイデアがないためです。

.ui-widget-overlay {
   position: fixed !important;
   top: 0px !important;
}
于 2012-11-15T17:33:21.257 に答える