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

Primefaces SelectOneMenu items are moving on page scroll

在屏幕截图中我们可以看到带有一些 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>

要修复它,只需在 <p:selectOneMenu>

中添加 appendTo="@this"
<p:selectOneMenu appendTo="@this"></p:selectOneMenu>

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

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

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