Angular Material Expansion Panel needs 3 clicks to open after close (Angular >10)

  angular, mat-expansion-panel

After closing the Angular Material Expansion Panel via a boolean variable,
it closes just fine but to reopen it again you will need to click it 3 times to reopen it.
Apparently in Angular 6 it works just fine with the identical example but i obviously don’t want to downgrade, i tried Angular 10 & 11 and it didn’t work.
I Also tried to close it via different ways like the panel’s close method etc but no difference.

Short gif showing the problem

Stackblitz:
Angular 11:
https://stackblitz.com/edit/angular-ivy-4qj1n9?file=src%2Fapp%2Fapp.component.html

Angular 6
https://stackblitz.com/edit/material-all-examples-quprqw?file=app%2Fapp.module.ts

Source: Angular Questions

One Reply to “Angular Material Expansion Panel needs 3 clicks to open after close (Angular >10)”

  • Hello, did you manage to find a solution? I am facing a similar issue. Unfortunately, your posting is the only thing that comes up online.

    Thanks for any help!
    -S

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.