Do you see these errors when you use the paper-dropdown-menu standalone in your app?
On Tue, Mar 10, 2015 at 8:48 PM, Brian Zable <[email protected]> wrote: > I'm trying to include a paper-dropdown-menu element within a custom > Polymer element and I am seeing the following errors: > > Uncaught NotSupportedError: Failed to execute 'animate' on 'Element': >> Partial keyframes are not supported. >> animation-constructor.js:61 Uncaught NotSupportedError: Failed to >> execute 'animate' on 'Element': Partial keyframes are not supported. >> animation-constructor.js:61 Uncaught NotSupportedError: Failed to >> execute 'animate' on 'Element': Partial keyframes are not supported. > > and also this warning: > > core-dropdown-overlay: dropdown's offsetParent must be the relatedTarget or > the relatedTarget's offsetParent! > > The paper-dropdown-menus display fine but these errors/warnings occur when > they are clicked and the menu itself doesn't show. The code works fine when > embedded in the parent page itself. I should add that the parent page > (page-form) is lazy loaded by the 3rd party <app-router> element. > > My page is structured like so: > >> <page-form> >> ... >> <subform-element></subform-element> >> ... >> </page-form> > > > Page form is another polymer element that represents my page, and > subform-element is a piece of the form which holds the paper-dropdown-menu. > > <polymer-element name="subform-element" noscript> >> <template> >> <link rel="stylesheet" href="subform-element.css"> >> <div layout horizontal center> >> <paper-dropdown-menu label="Disease" flex> >> <paper-dropdown class="dropdown core-transition core-closed"> >> <core-menu class="menu"> >> <paper-item tabindex="0">Foulbrood</paper-item> >> <paper-item tabindex="0">Varroa</paper-item> >> <paper-item tabindex="0">Tracheal Mites</paper-item> >> <paper-item tabindex="0">Other</paper-item> >> </core-menu> >> </paper-dropdown> >> </paper-dropdown-menu> >> <paper-input-decorator label="disease notes" >> floatinglabel="disease notes" flex> >> <input is="core-input" placeholder="disease notes"> >> </paper-input-decorator> >> </div> >> </template> >> </polymer-element> > > > I'm seeing the errors in Polymer version 0.5.5 and Chrome 41. Has anyone else > seen this? I'm hoping I'm just making some little mistake somewhere. > > Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/9f949217-0e9d-4161-aefd-80401005986e%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/9f949217-0e9d-4161-aefd-80401005986e%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAJj5OwAOJAJgLTXskTMyFf-XQSCvY4p5RP2svZQ%2BUUKuMPOM7Q%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
