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

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

中添加 appendTo="@this"

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

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

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

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

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

Primefaces SelectOneMenu items are moving on page scroll

jsf

primefaces

selectonemenu