I wanted to remove the toggling affect from <mat-chip-option>. When I click on “Accent fish” chip (video here) it should get selected as shown in the video but when I click it again it should remain selected. And when I click on some other chip, “Accent fish” chip should get deselected and the one I am clicking should get selected.

As per my research, angular adds mat-mdc-chip-selected mdc-evolution-chip--selected css classes when I click on any chip the very first time and removes these classes when I click it again. Somehow I am unable to get to the functionality I am looking for.

I am basically using these chips as filters which means that if user clicks on my filter two times, it should remain selected.

https://v16.material.angular.io/components/chips/examples