Как отключить анимацию для элемента полимера paper-dropdown-menu? - PullRequest
0 голосов
/ 17 мая 2019

Мне нужно отключить все анимации, которые происходят при открытии / закрытии полимерного элемента 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" отключит все анимации, но это не так. Я что-то упустил?

1 Ответ

0 голосов
/ 18 мая 2019

Формат атрибутов полимера всегда строчный и отделен черточками; так что попробуйте:

<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"
    >
...