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.
For more options, visit https://groups.google.com/d/optout.

Reply via email to