We use a framework called ag-grid as well in our project and we have run into a problem where a certain feature within ag-grid utilizing a radio button group does not work. We found that the reason is because _radio_pro.scss in mdb-angular removes the default radio buttons and defines its own custom styling that is conflicting with this other framework. If I remove the contents of this file then the other framework works as expected.

Expected behavior Radio button group should work as expected where you can select one radio button and all others in the group are deselected.

Actual behavior The first radio button is selected as expected, however you cannot select the other radio button in the group. The first radio button remains selected no matter what.

What is the best way to handle this conflict? Is there a way to exclude specific components/styling in mdb-angular? Or is there a way to ensure that the default radio buttons do not get overridden for a particular component in Angular?

Any help would be greatly appreciated!