聚合物纸张下拉菜单扩展高度受核心崩溃限制?

时间:2014-10-24 02:14:49

标签: css3 polymer paper-elements core-elements

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

未展开(注意顶部对齐):

Unexpanded (note top alignment):

扩展(应该有5个选项,但它们被核心崩溃切断,并注意到更改的顶部对齐):

Expanded (there should be 5 options and note the altered top alignment):

正确操作(当下拉高度等于或小于包含可折叠元素高度时): Proper operation when dropdown height is smaller (within containing element size)

2 个答案:

答案 0 :(得分:2)

在core-collapse中,有一个新属性'allowOverflow'允许可折叠元素在打开时溢出。这应该有助于纸张下拉菜单扩展核心崩溃。新属性仅在core-collapse#master分支中,将在下一个版本中提供。

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

答案 1 :(得分:0)

新的&#39;分层&#39;最新版纸张下拉列表的属性解决了这个问题。