如何禁用聚合物的 paper-dropdown-menu 元素的动画？

Question

我需要禁用 opening/closing 聚合物的 paper-dropdown-menu 元素时发生的所有动画。 文档：https://www.webcomponents.org/element/@polymer/paper-dropdown-menu/elements/paper-dropdown-menu#property-noAnimations

文档显示该元素有一个 noAnimations 属性，我应该可以将其设置为 true 以禁用所有动画，但它对我不起作用。

        <paper-dropdown-menu
          noAnimations="true"
          selected="{{selected}}"
          attr-for-selected="name"
          vertical-offset="60"
        >
          <paper-listbox slot="dropdown-content" selected="1">
            <template is="dom-repeat" items="{{sections}}">
                <paper-item name$="{{item}}">{{item}}</paper-item>
            </template>
          </paper-listbox>
        </paper-dropdown-menu>

我预计设置 noAnimations="true" 会禁用所有动画，但事实并非如此。我错过了什么吗？

Answer 1

Polymer 属性格式始终为小写，并以破折号分隔；所以尝试：

<paper-dropdown-menu
  no-animations="true"
  selected="{{selected}}"
  attr-for-selected="name"
  vertical-offset="60"
>
...

改为：

    <paper-dropdown-menu
      noAnimations="true"
      selected="{{selected}}"
      attr-for-selected="name"
      vertical-offset="60"
    >