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

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

jsf primefaces

Jsf 是什么导致selectonemenu在顶部而不是下方显示菜单？,jsf,primefaces,Jsf,Primefaces,这是最容易用图片解释的。我很抱歉，但我没有在内部发布此消息的声誉总而言之：primefaces SelectOne菜单在与其关联的菜单项上方显示菜单。我指的是在y轴上，而不是在前面或顶部。但是，如果我使用核心jsf selectonemenu，它的工作原理与预期一样。更奇怪的是，它只在firefox或IE中这样做，而在chrome中却没有。有人对如何解决这个问题有什么建议吗？看起来这可能是一个css问题，但我不知道如何确定这一点，如果是的话，可能的解决方案是什么。我在下面包含了jsf的完整副

这是最容易用图片解释的。我很抱歉，但我没有在内部发布此消息的声誉

总而言之：primefaces SelectOne菜单在与其关联的菜单项上方显示菜单。我指的是在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>


在此处插入标题

我无法重现您的特定问题。但是，当底部的视口空间太窄时，会出现这种情况

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

无法在FireFox 22.0或Internet Explorer 8中重现。有趣的是，我能够在primefaces 3.5和3.4.2中重现此问题，但3.1似乎显示正确。我已经在chrome和firefox中逐行比较了css代码，据我所知，它们是相同的。我用PrimeFaces 3.5和chrome 27进行了测试。其他浏览器也可以正常工作。我从3.0开始使用PrimeFaces，并在3.1、3.2、3.3、3.4到3.5之间升级，我不记得在我们的下拉列表中见过这个问题。