聚合物核心覆盖层不再滚动

Question

我一直在使用 Polymer 开发移动应用程序。我最近运行遇到了一个问题，Polymer 的核心覆盖框不允许我向下滚动，它只会留下内容截断。它基本上是一个信息框，当您用手指点击它时会出现。

上周二一切正常，直到第二天 Android 5.0 大更新在我的 phone 上发布。那是事情开始变得有问题的时候。我同事的 phone 仍然有 Android 4.4 版本，它可以上下滚动。我想知道是否还有其他人 has/is 运行也参与其中或对此有解决方案。另外，我正在使用带有 Cordova 的三星 Galaxy S5。

这是我提到的核心叠加元素的 CSS 和一些 HTML：

<core-overlay id="infoOverlay" class="dialog" layered backdrop transition="core-transition-center" core-overlay-toggle>
    <style no-shim>
        .dialog {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
            color: #999;
            font-size: 1.4em;
            text-transform: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            overflow: hidden;
            background: black;
            padding:20px 20px;
            outline: 1px solid rgba(0,0,0,0.2);
            box-shadow: 0 4px 16px rgba(0,0,0,0.2);
            border: 2px solid white;
        }
        #infoOverlay {
            box-sizing: border-box;
            /*text-align: center;*/
            width: 80%;
            height: 70%;
        }
        #settingsTitle {
            color: white;
            font-size: 1.5em;
            padding-bottom: 5px;
        }
        .settingsText {
            border-bottom: 1px solid #999;
            padding-bottom: 20px;
            padding-top: 10px;
        }
        .settingsTextLast {
            padding-top: 10px;
        }
    </style> 
    <div id="dummydiv">imagine enough divs</div>
</core-overlay>

任何帮助、信息或任何东西都将不胜感激！我想我提供了足够的信息，但我会根据要求提供更多信息。

感谢您的宝贵时间！

Answer 1

如果您将 .dialog 中的 overflow 设置为 auto 或 scroll。

聚合物核心覆盖层不再滚动

Polymer Core-overlay doesn't scroll anymore

css

android

cordova

polymer

android-5.0-lollipop