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

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

正确操作(当下拉高度与包含可折叠元件高度相同或小于可折叠元件高度时):

发布于 2014-12-12 01:38:58
最新版本的纸张下拉列表的新“分层”属性解决了这个问题。
发布于 2014-10-24 18:19:50
在核心折叠中,有新的属性“allowOverflow”,允许可折叠元素在打开时溢出。这将有助于纸张下拉菜单,以扩大内部核心崩溃。新属性仅在核心折叠#主分支中,并将在下一个版本中使用。
<core-collapse allowOverflow> <div class="content"> <paper-dropdown-menu> ... </paper-dropdown-menu> </div> </core-collapse>
https://stackoverflow.com/questions/26540475
复制相似问题