Primefaces SelectOneMenu 项目在页面滚动时移动答案

【问题标题】：Primefaces SelectOneMenu items are moving on page scrollPrimefaces SelectOneMenu 项目在页面滚动时移动
【发布时间】：2017-04-12 08:58:47
【问题描述】：

在屏幕截图中，我们可以看到带有一些selectItems 的对话框，当我使用鼠标滚动时，完整的selectItems 正在移动

我的示例代码：

    <div class="row">
            <h:outputLabel for="columnNames" value="Select Column Name:" />
            <p:selectOneMenu id="columnNames" 
                value="#{employeeGroupList.columnName}">
                <f:selectItem itemValue="" itemLabel="--- Select ---"></f:selectItem>
                <f:selectItems value="#{employeeGroupList.columnNames}"></f:selectItems>
            </p:selectOneMenu>
        </div>

【问题讨论】：

标签： jsf primefaces selectonemenu

【解决方案1】：

要修复它，只需在 <p:selectOneMenu> 中添加 appendTo="@this"

<p:selectOneMenu appendTo="@this"></p:selectOneMenu>

如果这不起作用，您可以将 <p:dialog> 的位置设置为绝对作为解决方法

<p:dialog style="position: absolute; margin-top: 20px;"></p:dialog>

这将解决问题，但是如果您滚动对话框，该对话框将保留在顶部。

【讨论】：