one click triggers two popup of paper-dropdown-menu

[lext-7]

                 <paper-dropdown-menu label="Hot" ng-controller="filter" id="tagTrigger" self-center >
                        <paper-dropdown class="dropdown">
                            <core-menu class="menu">
                                <paper-item>Hot</paper-item>
                                <paper-item>Recent</paper-item>
                            </core-menu>
                        </paper-dropdown>
                    </paper-dropdown-menu>

when it is click, the first time it works normally. But after the second time, it will show up twice. One shows up very quickly, and another normally. In the meantime, the event listener added to it will be triggered twice as well.

[morethanreal]

Is web-animations-js pointed to their 1.0.1 release?

[lext-7]

Actually, browser showed the folder named 'web-animations-js' couldn't be found at first, but I found another folder in polymer named 'web-animations-next', so I changed the name of this folder to 'web-animations-js'. Was it the point? And where is web-animations-js actually?

[lext-7]

I download the source code from github.com/web-animations/web-animations-js and replace those files. It still doesn't work

[davidmaxwaterman]

You should be able to just use the following line in your bower.json file :

    "web-animations-js": "web-animations/web-animations-js#1.0.1"

I guess it might be the same result as you downloading the source and installing it manually, but still better to get bower to do it, imo.

You might also try the previous version (which I now have to specifically reference since it was previously #master which broke[1] :

    "web-animations-js": "web-animations/web-animations-js-legacy#master"

[1] googlearchive/core-animation#13 (comment)

[lext-7]

I came to see the online demo website of polymer, I tried to figure out why their codes worked well. Finally I found a lit bit difference.
My file 'core-animation/web-animation.html' :

<script src="../web-animations-js/web-animations-next-lite.min.js"></script>

The one online:

<link rel="import" href="../web-animations-next/web-animations.html">

After I changed it, it worked as I expected.

Great.