时间戳

首页 > 解决方案 > vaadin 14 lit 模板动画错误中的纸质菜单按钮

javascript - vaadin 14 lit 模板动画错误中的纸质菜单按钮

问题描述

从这里开始vaadin-item @click event in lit template我替换了

<vaadin-dropdown-menu label="Page Size">
  <template>
    <vaadin-list-box>
      <vaadin-item @click="${event => this.setLimit(10)}">10</vaadin-item>
      <vaadin-item @click="${event => this.setLimit(25)}">25</vaadin-item>
      <vaadin-item @click="${event => this.setLimit(50)}">50</vaadin-item>
      <vaadin-item @click="${event => this.setLimit(100)}">100</vaadin-item>
   </vaadin-list-box>
 </template>
</vaadin-dropdown-menu>

和

<paper-menu-button>
  <paper-icon-button icon="menu" slot="dropdown-trigger">
    </paper-icon-button>
      <paper-listbox slot="dropdown-content">
        <paper-item>10</paper-item>
        <paper-item>25</paper-item>
        <paper-item>50</paper-item>
        <paper-item>100</paper-item>
    </paper-listbox>
  </paper-menu-button>

我现在面临的问题是，当单击打开选择下拉菜单的菜单图标时，我在 javascript 控制台中出现动画异常：

vaadin-bundle-f3342f1907b875298b7b.cache.js:7198 无法播放（淡入动画）。TypeError: document.timeline.play is not a function at HTMLElement._configureAnimations (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) at HTMLElement.playAnimation (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) at HTMLElement._renderOpened ( vaadin-bundle-f3342f1907b875298b7b.cache.js:7228) 在 HTMLElement.__openedChanged (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) 在 HTMLElement。(vaadin-bundle-f3342f1907b875298b7b.cache.js:7198)

不确定可以做些什么来解决这个问题。

标签： javascriptpolymervaadinvaadin14lit

解决方案

推荐阅读