Primefaces对话框组件隐藏在浏览器屏幕后面

Question

我正在使用Primefaces 5.1和JSF 2.2开发项目。

在我的项目中，我使用dialog组件向用户显示了一些细节。

当浏览器滚动停止时，我将dialog拖到浏览器屏幕顶部时，它会隐藏在浏览器屏幕后面，无法关闭dialog框。

在这里，我添加了示例代码。

请帮我控制幕后隐藏。

示例代码：

<h:body>
    <h:form>
       <p:panel header="Test" style="height:1500px;">
         <p:commandButton value="Click" oncomplete="PF('dialogBoxId').show();"/>
       </p:panel>
    </h:form>
   <p:dialog header="Alert" id="dialogBoxId" widgetVar="dialogBoxId"/>
</h:body>