I'm working with an Angular Material table (mat-table) that has sorting enabled via matSort. Sorting works perfectly when I click on the column headers (mat-sort-header). Now, I want to trigger the ...

I have a Reactive Form in an Angular 21 application, and the form requires an array of a certain sub-form. (In my case the sub-form(s) define "filters" on a search.) The documentation on ...

We have an enterprise Angular application. It was on v13 and I have upgraded it to v19. The Jasmine tests are okay on v13 but it has error on v19. I get the error shown in the screenshot. I cannot ...

this is my dependencies "@angular/animations": "^14.2.10", "@angular/common": "^14.2.10", "@angular/compiler": "^14.2.10", "@angular/...

In my application I use multiple themes (blue, red, yellow). Each theme is defined in a separate SCSS file. In the HTML pages I use a div tag surrounding everything which has a class for the selected ...

I’m working on an Angular v15+ app that uses a custom slideout panel system for showing forms. We’re trying to show an “unsaved changes” confirmation popup when the user closes the slideout, similar ...

I've been using newest Angular Material in Angular 20. Trying to control stuff using mat.*-overrides but I can't find the option to change height of each mat-option inside of the form-field inside the ...

Is it possible to override Angular Material styles for HTML elements like h1, h2, p, a, etc.? "@angular/material": "^20.2.8" is used. I try to override --mat-sys-* variables like: -...

I'm using Angular v19 and I recently updated my Chrome version to be the latest. Now if my dev tools is open, then matdialog does not open; only when I change my screen resolution does it work (open). ...

I'm using Angular Material's mat-form-field with appearance="outline" and a prefix icon (matPrefix). On initial render, when the input is empty, the label appears too close to the prefix ...

We (my team) recently upgraded our Angular to Version 15, and we have had many problems due to MDC- changes. My work is to upgrade our components library to be MDC based. I noticed all the mixins ...

I’m writing end-to-end tests with Playwright for an Angular Material 14 app. The page has multiple mat-select. When I interact with the dropdown manually in the browser: I click on the select box. A ...

i have a comment component with a mat-list component from material and inside it many mat-item-list so for each mat-list-item component i want to listen event like mouseenter and do something when ...

I am trying to updated the current table headers and add new column headers as well. The issue is when I change the columns to display in the typescript the data for each column disappears. For ...

I am having a difficult time figuring out how to use M3. I've been trying to follow Agular's documentation here. I used ng generate @angular/material:theme-color to generate several palettes, but the ...