在随后的点击之后,paper-dropdown-menu 列表项似乎被压缩了

after subsequent clicks, paper-dropwn-menu list items seem to be crunched up

我在 https://elements.polymer-project.org/elements/paper-dropdown-menu?view=demo:demo/index.html&active=paper-dropdown-menu

处重新创建了 DropDown 演示中的顶部项目

我唯一不同的是用 "Internal" 和 "External" 替换字符串。好像DDL在屏幕上渲染的时候,第一次点击的时候是正确的,但是之后的时候,它变得非常小,还有一个你看不到的滚动条。

你可以先看到表格是什么样子,我第一次点击它时是什么样子....和我第二次点击它分别是什么。

这是基于 Chromium 39 的旧 Dartium 版本的一个已知问题。我还没有检查基于 Chromium 45 的新 Dartium。事实上,新版本是从 Dart 1.15 开始发布的,但可能仅与1.16-开发。如果您在当前的 Chrome 版本中试用它,它应该会按预期工作。

要解决此问题,有一个名为:no-animations 的属性,您可以将其添加到 paper-dropdwon-menu,这将停止动画并使其正确呈现。

基于 Polymer 样式,您可以只说:no-animationsno-animations="true"

<paper-dropdown-menu no-animations="true">
    ....
</paper-dropdown-menu>