Question

我正在开发一个应用程序原型，当用户进入配置选项时，该应用程序会打开几层对话框。我想在其中一个对话框中使用 paper-dropdown-menu 。它完全显示在其父级内，导致滚动条出现。我希望它出现在同一个地方，但是父母会溢出。

您可以看到它的外观：paper-dropdown-menu demo page。只需点击切换叠加层，然后打开中心弹出的菜单。

我尝试了多种定位变体，似乎没什么用。

有没有办法让我无法理解？

Answer 1

分层属性应该把事情弄清楚。有一些关于如何在聚合物博客上使用它的内容。 https://blog.polymer-project.org/releases/2014/11/12/release-0.5.1/只需查看有关打破子结构的部分。

编辑：回顾您链接的演示。他们在叠加层的下拉列表中使用了分层属性。看起来这可能是核心覆盖的错误我最近看到了一些奇怪的行为。但是分层属性是我们应该在这种情况下使用的。

Answer 2

这有帮助吗？ https://github.com/Polymer/paper-dialog/issues/50#issuecomment-76563028

我遇到了将分层<paper-dropdown-menu>置于分层<paper-dialog>内的问题，因为它们都使用了具有相同z-index的单独<core-overlay-layer>元素。当添加新的叠加层时，我做了一些解决方法来重新编号它们的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--;
            });
        });
    },

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

2 个答案: