Primefaces SelectOneMenu项目正在页面滚动上移动

Question

在屏幕截图中，我们可以看到一个包含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>

Answer 1

要解决此问题，只需在appendTo="@this"

中添加<p:selectOneMenu>即可

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

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

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

这样可以解决问题，但如果滚动，对话框将保留在顶部。