Subsequent clicks cause the full menu to flash on screen before the reveal animation

[chrisconover]

The paper-dropdown-menu reveal animation works correctly on the first click, but subsequent clicks cause the full menu to flash on screen before the reveal animation begins.

I've made a basic example at http://jsbin.com/lawuli

Here's a screencast demonstrating the issue as well: https://drive.google.com/file/d/0B8IK6wolRJizSEV0MmhXNWJFc0k/view?usp=sharing

[Ortham]

👍 for this, I think it was introduced in v0.5.2.

Edit: it only happens in Chrome (39). Firefox (34) and IE (11) both function as normal.

[morethanreal]

I think it's due to this bug: web-animations/web-animations-next#260

[alancutter]

The web-animations-js bug looks to be fixed in v1.0.5 according to web-animations/web-animations-next#260 however core-animation v0.5 is still using web-animations-js v1.0.1. Should its v0.5 bower be updated to point at web-animations-js#~1.0.5?

[morethanreal]

Updated in googlearchive/core-animation@ce0a08e

[richieb]

This problem still exists, even after updating web-animations to 1.0.5 and core-animations to 0.5.4. Could someone confirm that it has indeed been fixed?

[pflannery]

This is working for me locally @ core-animations 0.5.4 and web-animations 1.0.5..but it's not working at https://www.polymer-project.org/components/paper-dropdown-menu/demo.html

[Ortham]

I'm still experiencing this with Polymer 0.5.4 (and web-animations 1.0.5) too.

[RobertLowe]

@morethanreal Can confirm as well. This is still happening on 0.5.4 & 1.0.5

Can we reopen the issue?

[Ortham]

After some more investigation, this bug only manifests under Chromium 40 and earlier. It's fixed in Chromium 41 (tested using the Chromium Embedded Framework branch 2272) and 42 (tested using the Chrome Canary).

[rjwright]

I'm wondering if this could be a result of this bug web-animations/web-animations-next#278 (which turned out to be a Chrome 40 issue, not a Web Animations Polyfill issue).

[morethanreal]

@rjwright Is there a workaround for Chrome 40?

[RobertLowe]

@morethanreal googlearchive/paper-dropdown#6 (comment) or googlearchive/paper-dropdown#6 (comment) insuring the state is immediately set or reverted worked for me.

As for a workaround I have nothing else to offer, cheers.

[morethanreal]

I'm resetting the dropdown background in googlearchive/paper-dropdown@62a37d5, which seems to fix this issue.

[RobertLowe]

@morethanreal you're awesome! 👍

[rjwright]

@morethanreal I will have a look Today to see if we can put a workaround in the polyfill.