纸质菜单内部的纸质菜单动画

Question

我在纸质菜单中的纸张项目中出现了纸质波纹的奇怪问题。鉴于：我有5个菜单项。并且：我点击第2项。然后：第五个纸张项目内的纸张纹理动画并且：我再次点击第二个项目。然后在它的包装纸项目内的第四个纸纹波动。并且：我再次点击第二项。然后：第3项动画。它有点奇怪，我无法弄清楚为什么会这样。在这里有同样问题的人吗？

<dom-module id="menu-element">
  <template>
    <paper-menu class="list" attr-for-selected="data-route" selected="{{route}}">
      <template is="dom-repeat" items="{{menu}}">
        <a data-route$="{{item.route}}" href="{{item.href}}">
          <paper-item>
            <iron-icon icon$="{{item.icon}}" item-icon></iron-icon>
            <paper-item-body>
              <span>{{item.text}}</span>
            </paper-item-body>
            <paper-ripple></paper-ripple>
          </paper-item>
        </a>
      </template>
    </paper-menu>
  </template>
</dom-module>