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.

Sign up for GitHub

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

Jump to bottom

bug(Expansion Panel): Custom icon in header does not animate #18833

Open
newmanw opened this issue Mar 15, 2020 · 0 comments
Open

bug(Expansion Panel): Custom icon in header does not animate #18833

newmanw opened this issue Mar 15, 2020 · 0 comments
Labels
animation This issue is related to Angular animations or CSS animations area: material/expansion P4 A relatively minor issue that is not relevant to core functions

Comments

@newmanw
Copy link

newmanw commented Mar 15, 2020

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-3n3zkm

Steps to reproduce:

  1. Click expansion panel header, icon will rotate, however the transition does not animate.
  • There is a workaround. If the transition is defined in css the animation works correctly. To see this in the above stackblitz uncomment the animation-workaround class and remove the transition line from the component.

Expected Behavior

Icon should animate based on transition property.

Actual Behavior

Icon rotates, no animation occurs.

Environment

  • Angular: 8.2.14
  • CDK/Material: 8.2.3
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS
@newmanw newmanw added the needs triage This issue needs to be triaged by the team label Mar 15, 2020
@newmanw newmanw changed the title bug(Expansion Panel): Custom icon in header does not animate cor bug(Expansion Panel): Custom icon in header does not animate Mar 15, 2020
@josephperrott josephperrott added animation This issue is related to Angular animations or CSS animations area: material/expansion P4 A relatively minor issue that is not relevant to core functions and removed needs triage This issue needs to be triaged by the team labels May 27, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
animation This issue is related to Angular animations or CSS animations area: material/expansion P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@newmanw @josephperrott