Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 聚合物纸下拉菜单扩展高度受芯部塌陷限制?_Css_Polymer_Paper Elements_Core Elements - Fatal编程技术网

Css 聚合物纸下拉菜单扩展高度受芯部塌陷限制?

Css 聚合物纸下拉菜单扩展高度受芯部塌陷限制?,css,polymer,paper-elements,core-elements,Css,Polymer,Paper Elements,Core Elements,我遇到了纸张下拉菜单组件的一个问题,它的扩展高度似乎受到其包含元素上封闭核心折叠的限制。有没有办法防止这种情况发生?(参见下面展示症状的图片)另一个相关的副作用似乎是,当下拉列表中的项目数创建了一个下拉列表高度,该高度通常会扩展到包含可折叠元素的底部以下时,会导致覆盖下拉列表的CSS顶部样式,在展开可折叠容器元素时,在可折叠容器元素本身中将该元素的顶部推高。尽管新的顶部对齐方式没有改变,但它仍然没有显示整个选项列表,因为下拉列表本身的高度保持不变。有人遇到过类似的问题吗?我可以发布一个jsbin

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

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

扩展(应该有5个选项,但因堆芯坍塌而被切断,并注意改变的顶部对齐方式):

正确操作(当下拉高度等于或小于包含可折叠元素的高度时):

在core collapse中有一个新属性“allowOverflow”,允许可折叠元素在打开时溢出。这将有助于纸张下拉菜单展开内芯折叠。新属性仅在core collapse#master分支中,将在下一版本中提供


...

最新版本的纸张下拉列表的新“分层”属性解决了这个问题。

我在0.4.2中看到了同样的情况,其中包括core collapse中的allowOverflow属性。在core collapse上设置fixedSize属性,并将高度增加到大数值,只要下拉列表适合屏幕大小:下拉列表显示所需的高度,必要时显示滚动条,但无法将焦点切换到滚动条以实际滚动。我尝试了使用core下拉菜单滚动您自己的选择,但除了定位困难外,它还有相同的问题。最新版本的github paper下拉菜单和core下拉菜单包括一个新的分层属性,该属性将其放置在一个单独的层中,显示在折叠上方不需要固定大小的容器。然而,仍然无法在滚动条上获得焦点,奇怪的是,原纸下拉菜单现在一直显示所有结果……可能是因为封装还没有完全实现。这两种情况都可能是因为我错误地将不同的文件版本拉到了一起。是的,我已经证实,使用github的主分支版本的相关组件确实解决了这个问题,但也不是没有一点代码返工。您似乎必须非常仔细地遵循主分支演示中显示的代码示例(请参见分层示例)。此外,请参见github主分支中纸张下拉菜单/核心下拉菜单的新分层属性,了解这些组件。我已经确认,这些版本解决了这个问题,但也不是没有一点代码返工。看来您必须密切关注主分支中更新的演示代码示例,才能实现最终目标(即分层示例)。