By default Angular expansion panel expands when user clicks anywhere in the title. However I want to update this functionality so that only right side arrow button should trigger an expansion event. Can someone help me for achieving this? Below is a sample code. https://stackblitz.com/edit/angular-exp-panel-click
<button (click)="panel1.toggle()" mat-raised-button>Toggle panel 1</button> <button (click)="panel2.toggle()" mat-raised-button>Toggle panel 2</button>
Buttons outside mat-accordion are properly expanding desired panels, however same buttons when added inside title are not working as expected.