Re: [polymer-dev] Partial keyframes are not supported when using paper-dropdown-menu

[Rob Dodson]

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 <br...@brianzable.com> 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 polymer-dev...@googlegroups.com.
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.