基础钻取菜单隐藏或具有较长子菜单时高度计算不正确

Question

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

家长菜单

带隐藏元素的子菜单

JS 给出 height:0 后的渲染代码

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

尝试

• Foundation() 之后的 JavaScript；删除 height:0px 并使用 height:auto !important; - 没有成功。
• 使父菜单高度与子菜单高度一样大，不起作用。
• z-index 和高度：auto！重要；在父 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}