Dropdown breaks in chrome 52

[jakemac53]

When clicking the dropdown in chrome 52, I get the following error, Uncaught TypeError: Failed to execute 'animate' on 'Element': 'function (e){function f(a,b,c){return 3*a*(1-c)*(1-c)*c+3*b*(1-c)*c*c+c*c*c}for(var g=0,h=1;;){var i=(g+h)/2,j=f(a,c,i);if(Math.abs(e-j)<.001)return f(b,d,i);e>j?g=i:h=i}}' is not a valid value for easing.

You can see this in the live demo, just click one of the dropdowns. Presumably other animations are broken as well.

From looking at the spec it seems that easing is expected to be a string. Not sure if this is due to a spec update, or some clash between the polyfill and native implementation?

[jakemac53]

Looks like this is actually related to paper-dropdown, or more specifically the paper-dropdown-transition. Overriding the transition seems to fix the issue.

[vardhans]

Hi @jakemac53
I am facing the same problem. Would mind telling me how did you manage to fix this issue.?

Thanks
Vardhan.

[ThaumRystra]

@vardhans You can comment out the following lines in paper-dropdown.html:

 43    <link href="paper-dropdown-transition.html" rel="import">

104    publish: {
105      transition: 'paper-dropdown-transition'
106    },

Which should stop the dropdown animating (it will still fade in) until a fix is out.

[vardhans]

Thanks @ThaumRystra I managed to get that working.

[ThaumRystra]

Unfortunately my fix above breaks dropdown boxes appearing in other overlay elements. They won't bring themselves to the front.

[peterchibunna]

You can also avoid this bug by creating the paper-dropdown-menu with the no-animations attribute:

<paper-dropdown-menu no-animations> ...