Polymer “纸张”对话框中的“分层纸张”下拉菜单

Polymer “纸张”对话框中的“分层纸张”下拉菜单,polymer,material-design,web-component,paper-elements,Polymer,Material Design,Web Component,Paper Elements,我正在制作一个应用程序原型,当用户进入配置选项时,它会打开几层对话框。我想在其中一个对话框中使用纸张下拉菜单。它完全显示在其父级中,从而显示滚动条。我希望它出现在同一地点,但溢出的家长 您可以看到它在:。只需单击“切换覆盖”并打开中心弹出的菜单 我尝试了多种不同的定位方式,但似乎没有任何效果 有什么方法我不明白吗?分层属性应该可以解决问题。在polymer博客上有一些关于如何使用它的内容。只需查找有关打破子结构的部分 编辑:回顾您链接的演示。它们使用覆盖中下拉列表上的“分层”属性。看起来这可能是

我正在制作一个应用程序原型,当用户进入配置选项时,它会打开几层对话框。我想在其中一个对话框中使用纸张下拉菜单。它完全显示在其父级中,从而显示滚动条。我希望它出现在同一地点,但溢出的家长

您可以看到它在:。只需单击“切换覆盖”并打开中心弹出的菜单

我尝试了多种不同的定位方式,但似乎没有任何效果


有什么方法我不明白吗?

分层属性应该可以解决问题。在polymer博客上有一些关于如何使用它的内容。只需查找有关打破子结构的部分

编辑:回顾您链接的演示。它们使用覆盖中下拉列表上的“分层”属性。看起来这可能是一个核心覆盖的bug,我最近看到了一些奇怪的行为。但是分层属性是我们在这种情况下应该使用的属性。

这有帮助吗

我在将分层的
放在分层的
中遇到了一个问题,因为它们都使用了一个具有相同z索引的单独的
元素。我做了一点变通,在添加新的覆盖层时对它们的z索引重新编号

   domReady: function () {
        jQuery("body").on('core-overlay-open', function(e) {
            var zi = 1000;
            jQuery("core-overlay-layer").each(function (ei, elem) {
                elem.style.zIndex = zi--;
            });
        });
    },

非常感谢!这个信息不容易找到。向feedly添加博客