Polymer 纸张菜单按钮'；s下拉列表有滚动条吗？

我正在使用纸质菜单按钮，当我向菜单添加内容时，会出现滚动条。我有两个问题

有人知道我该怎么纠正吗

我应该在哪里添加纸张阴影，使其显示在菜单下，而不是按钮下

包括下面的图片以及我的菜单代码

      <paper-menu-button icon="more-vert">
        <paper-item id="edit" icon="create" label="Edit"></paper-item>
        <paper-item id="delete" icon="remove-circle" label="Delete"></paper-item>
      </paper-menu-button>

---

滚动条看起来像个bug。您可以应用以下CSS临时更正它：

body/deep/core菜单{
溢出：隐藏！重要；
}

我很难模仿下拉菜单周围的阴影，如纸质菜单按钮演示所示：

知道是什么属性/属性或CSS样式实现了这一点吗？您提到确保菜单按钮具有position:relative，但这对我不起作用（它已经是relative）

下面是代码的一个精简部分，根据要求。注意：我已选择不为容器使用纸张阴影：

<polymer-element name="my-element">
<template>
    <style>

        myContainer {
            padding-top: 10px;
            padding-right: 25px;
            padding-left: 25px;
            padding-bottom: 10px;
            margin-top: 0px;
            margin-right: 10px;
            margin-left: 10px;
            margin-bottom: 10px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.50);
            /* z-index: -1; */
        }

        myHeading {
            margin-top: 10px;
            margin-right: 10px;
            margin-left: 10px;
            margin-bottom: 0px;
            /*padding-bottom: 10px;
            padding-top: 10px;*/
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.50);
            text-align: center;
            background-color: lightgrey;
            color: black;
            font-weight: 700;
            /* z-index: -1; */
        }

    </style>

    <!--paper-shadow></paper-shadow-->

    <core-selector id="mySelector" target="{{$.myContainers}}" multi="false" selected="{{selectedContainer}}" selectedAttribute="active"></core-selector>

    <div id="myContainers" horizontal layout wrap>

        <div>
            <myHeading name="Container 1" horizontal layout center>
                <div flex>Container 1</div>
                <paper-menu-button icon="more-vert" halign="right">
                    <paper-item label="Edit" on-tap="{{ editItem }}"></paper-item>
                    <paper-item label="Copy"></paper-item>
                </paper-menu-button>
            </myHeading>
            <myContainer vertical layout>
                Container contents here
            </myContainer>
        </div>

霉菌容器{
填充顶部：10px；
右边填充：25px；
左侧填充：25px；
垫底：10px；
边际上限：0px；
右边距：10px；
左边距：10px；
边缘底部：10px；
边框左下半径：5px；
边框右下半径：5px；
盒影：0 2px 5px 0 rgba（0,0,0,0.50）；
/*z指数：-1*/
}
我的标题{
边缘顶部：10px；
右边距：10px；
左边距：10px；
边缘底部：0px；
/*垫底：10px；
填充顶部：10px*/
边框左上半径：5px；
边框右上角半径：5px；
盒影：0.2px1p0 rgba（0,0,0,0.50）；
文本对齐：居中；
背景颜色：浅灰色；
颜色：黑色；
字号：700；
/*z指数：-1*/
}
容器1
这里有集装箱

失望我想肯定有人能帮我解决这个问题。我已从bower文件夹中删除包，并再次运行bower。还尝试从组件页面下载包，删除bower文件夹下的所有匹配文件夹，并从包中删除。在另一个不相关的页面上也有同样的问题。谢谢。。这就解决了问题。至于阴影，我发现我将按钮设置为绝对位置，要渲染阴影，它需要与位置相关。这在chrome中为我修复了它，但在firefox中没有。也许可以向我们展示你的css，让我们更好地了解你有什么。在我的情况下，我将按钮放置在一个div容器中，并使用position:absolute对其进行定位，然后从paper菜单按钮中删除position属性，阴影就起作用了。我个人认为，css中没有任何东西可以阻止阴影渲染。也许可以试着把菜单按钮放在一个div容器中，它自己没有css属性，然后看看它是否呈现。我不知道“水平布局中心”在css中到底做了什么。只是在黑暗中拍摄，我可能完全错了。通过bower将纸质菜单下拉列表更新到最新版本，缺少阴影的问题消失了