Question

用图片解释这是最简单的。我道歉，但我没有声誉在内部发布。

总结：一个primefaces selectonemenu正在显示与其关联的菜单项上方的菜单。在上文中，我的意思是在y轴上，而不是如通常所描述的那样在前面或顶部。如果我使用核心jsf selectonemenu，这可以正常工作。更奇怪的是，它仅在firefox或IE中执行此操作，而不是在chrome中执行此操作。有没有人对如何解决这个问题有任何建议？它似乎可能是一个CSS问题，但我不知道如何确定这一点，如果是这样，可能的解决方案可能是什么。我已经在下面提供了jsf的完整副本。附：没有额外的换行符和面板网格，此行为仍然存在。如果没有换行符，菜单就会脱离浏览器窗口的顶部。

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui">

<h:head>
<title>Insert title here</title>
</h:head>
<body>
<h:form>
    <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">  
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
        <h:outputText value="Basic Usage: " />  
        <p:selectOneMenu value="#{buttonBean.number}">  
            <f:selectItem itemLabel="Select One" itemValue="" />  
            <f:selectItem itemLabel="Option 1" itemValue="1" />  
            <f:selectItem itemLabel="Option 2" itemValue="2" />  
            <f:selectItem itemLabel="Option 3" itemValue="3" />  
        </p:selectOneMenu>  
    </h:panelGrid>
</h:form>
</body>
</html>

Answer 1

我无法重现您的特定问题。但是，当底部的视口空间太窄时，已知这样做。

enter image description here

也许您在浏览器的视口中遇到了问题，或者代码中有更多问题，例如： CSS覆盖。

是什么导致selectonemenu在顶部而不是在下面显示菜单？

1 个答案: