Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove deprecated neon animation, use CSS keyframe animations #137

Open
wants to merge 11 commits into
base: master
Choose a base branch
from

Conversation

valdrinkoshi
Copy link
Member

@valdrinkoshi valdrinkoshi commented Mar 30, 2018

Remove neon-animation dependency in favor of CSS keyframe animations, taking a similar approach as in PolymerElements/iron-dropdown#154 and PolymerElements/paper-dialog#163.

The expand/collapse animation is done in a performant way using transform, which doesn't cause layout thrashing - more details here https://medium.com/@valdrinkoshi/performant-expand-collapse-animations-93d99e80f7f

The properties openAnimationConfig and closeAnimationConfig are now deprecated, as paper-menu-button cannot really allow users to define animations for its internal iron-dropdown, as there is no way to pass @keyframes into its shadowRoot. Because of this, paper-menu-button doesn't offer a way to customize open/close animations :[

Nevertheless, after testing this on internal projects it doesn't break them - as most of them rely on the default animations setup by paper-menu-button.

This PR depends on PolymerElements/iron-dropdown#154.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants