java - JSF PrimeFaces MenuBar 下拉子菜单在 p :layout 中悬停后消失

Question

在 JSF PrimeFaces 3.1.1 中做一些应用(仍在学习)，我实现了完整的页面布局 - Sunny(<p:layout /> 标签)。一切都很好，除了我的菜单栏。

将鼠标悬停在菜单中的子菜单按钮上时，会显示下拉子菜单，但是当我想通过鼠标转到子菜单时，它会消失。唯一的选择是非常快速地将鼠标位置更改为子菜单 - 而不是停留。这就是问题所在，需要它正常工作，而不是消失。

如果我把布局拿出来，菜单栏又能正常工作了。还尝试从 PF 展示中复制和粘贴代码，问题是一样的。

在 Tomcat 7.0.22.0 上使用 JSF 2。这是我的代码...

模板中的菜单栏:

<p:layoutUnit position="north" size="130">
    <ui:insert name="top">
        <p:menubar id="mainMenu" model="#{menu.mainMenu}" />
    </ui:insert>
</p:layoutUnit>

解决溢出问题的CSS:

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}

.ui-layout-north {
    z-index: 30 !important;
    overflow: visible !important;
}

感谢您的帮助!

Answer 1

您是否碰巧为您的 ui-widget 设置了自定义字体大小？就我个人而言，我有以下 CSS 设置:

.ui-widget {
    font-size: 12px !important;
}

我在 Firefox 中遇到了与您类似的问题(但在 Chrome 中没有)。奇怪的是，在将 font-size 增加到 13px 后问题得到了解决。