Foundation Drilldown 菜单隐藏或子菜单较长时高度计算不正确

Question

向下钻取菜单无法正确计算高度。显示父菜单，但较长的子菜单仅显示到父菜单的高度。也就是说，如果父菜单上有 5 个项目，那么它只会显示子菜单的前 5 个项目。

父菜单

带隐藏元素的子菜单

JS给出height:0

后的渲染代码

<div class="is-drilldown" style="height: 0px; width: 527px;"></div>

尝试次数

• Javascript 基础后();删除 height:0px 并使用 height:auto !important； - 没有成功。
• 使父菜单的高度与子菜单一样大，但没有成功。
• z-index 和 height:auto !important;在父 ul 和子 ul 上

我认为如果问题是 js 计算而不是我的 css 样式。基础文档上的演示正确设置了 .is-drilldown 高度以匹配最大的子菜单。 http://foundation.zurb.com/sites/docs/drilldown-menu.html

其他注意事项

我的菜单最初被响应式切换和 .hide-for-medium 隐藏。但是，我尝试一直显示向下钻取菜单，但计算仍然无效，所以我认为这不是问题所在。

Answer 1

你必须使用

.is-drilldown{overflow:visible !important}