1

我遇到了 paper-dropdown-menu 组件的问题，它的扩展高度似乎受到其包含元素上的封闭核心折叠的限制。有没有办法防止这种情况发生？（参见下面展示症状的图像）另一个相关的副作用似乎是，当下拉列表中的项目数创建一个下拉高度时，通常会在包含可折叠元素的底部下方展开，它会导致下拉列表的 CSS 顶部样式被覆盖，在可折叠容器元素本身展开时将元素的顶部推高。无论其新的顶部对齐方式如何，它仍然没有显示整个选项列表，因为下拉列表本身的高度保持不变。有没有人遇到过类似的问题？我可以发布一个jsbin，但由于我使用由图标、输入控件和可选显示/可选测量单位组成的自定义聚合物元素，它有点令人费解。因此，在此之前，我希望有人能立即认识到这个问题，并能够为我指明正确的方向。这是使用 chrome v38 和最新的 paper-dropdown-menu 和 core-collapse 组件 (bower ^0.4.0)

未展开（注意顶部对齐）：

未展开（注意顶部对齐）：

展开（应该有 5 个选项，但它们被 core-collapse 截断，并注意更改的顶部对齐方式）：

展开（应该有 5 个选项并注意更改的顶部对齐方式）：

正确操作（当下拉高度等于或小于包含可折叠元素高度时）： 下拉高度较小时的正确操作（在包含元素大小内）

4

2 回答 2

2

在 core-collapse 中有一个新属性 'allowOverflow' 允许可折叠元素在打开时溢出。这应该有助于 paper-dropdown-menu 在 core-collapse 内部展开。新属性仅在 core-collapse#master 分支中，将在下一个版本中可用。

<core-collapse allowOverflow> <div class="content"> <paper-dropdown-menu> ... </paper-dropdown-menu> </div> </core-collapse>

于 2014-10-24T18:19:50.750 回答
0

最新版 paper-dropdown 的新“分层”属性解决了这个问题。

于 2014-12-12T01:38:58.913 回答