A partir de aquí , el evento vaadin-item @click en la plantilla iluminada reemplazó el

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

con

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

El problema al que me enfrento ahora es que obtengo excepciones de animación en la consola de JavaScript al hacer clic en el ícono de menú que abre el menú desplegable de selección:

vaadin-bundle-f3342f1907b875298b7b.cache.js:7198 No se pudo reproducir (desvanecimiento en la animación). TypeError: document.timeline.play no es una función en HTMLElement._configureAnimations (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) en HTMLElement.playAnimation (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) en HTMLElement._renderOpened ( vaadin-bundle-f3342f1907b875298b7b.cache.js:7228) en HTMLElement.__openedChanged (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) en HTMLElement. (vaadin-paquete-f3342f1907b875298b7b.cache.js:7198)

No estoy seguro de qué se puede hacer para solucionar esto.